码迷,mamicode.com
首页 > 其他好文 > 详细

ES6函数增强

时间:2017-07-09 10:58:20      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:pre   add   ons   second   get   class   功能   作用   一个   

  函数参数可以拥有默认值。当我们调用函数时,如果没有进行相应的实参传递,函数就会使用参数的默认值。功能很强大,使用 却非常简单,只要在声明函数时候,给形参赋一个值就可以了,这个值就是该参数的默认值。

// num2拥有默认参数值5,如果没有给num2形参传递值,它的取值将会是5 
function sum (num1, num2 = 5) {
    return num1 + num2;
}

console.log(sum(1)) //6 调用sum函数时, 只传递了一个参数1,所以函数中num1 =1, num2就会使用默认参数,取值为5, 1+5 =6;
console.log(sum(1,2))  // 3 函数调用时,我们传递了两个参数,所以默认参数不起作用, 函数使用我们传递过去的参数 1+2 =3

  默认参数值,不仅可以像上面一样使用原始值,还可以使用js表达式。

//参数second的默认值,就是js表达式,取值为第一个参数的值。
function add(first, second = first) {
    return first + second;
}
console.log(add(1, 1)); // 2
console.log(add(1)); // 2

  甚至还可以使用函数表达式

function getValue(value) {
  return value + 5;
}
//参数second的默认值,就是函数表达式,函数参数是第一个参数的值。
function add(first, second = getValue(first)) {
    return first + second;
}
console.log(add(1, 1)); // 2
console.log(add(1)); // 7

  对于这个函数式的默认参数,函数的调用是惰性的,如果我们调用函数时,传递了两个参数add(1,1),函数的默认参数值是用不到的,所以函数不会调用。只有传递一个参数的时候add(1), 函数的默认参数值才会用到,作为默认参数值的函数才会调用。

  对于 js 表达式方式的默认参数,我们一定要注意参数的作用域。

 

ES6函数增强

标签:pre   add   ons   second   get   class   功能   作用   一个   

原文地址:http://www.cnblogs.com/SamWeb/p/7140467.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!