ES6 函数
程序员文章站
2022-05-04 14:00:21
一、函数参数 1.可以使用默认参数 2.用let或const再次声明参数会报错,var不会。 3.使用参数默认值时,函数不能有同名参数。 4.参数默认值不是传值的,而是每次都重新计算默认值表达式的值。也就是说,参数默认值是惰性求值的。 5.通常情况下,定义了默认值的参数,应该是函数的尾参数。 6.指 ......
一、函数参数
1.可以使用默认参数
function add(x=1,y=2){ return x+y; }
2.用let或const再次声明参数会报错,var不会。
function add(x=1,y=2){ let x = 1; // error const x = 2; // error var x = 3; }
3.使用参数默认值时,函数不能有同名参数。
// 不报错 function foo(x, x, y) { // ... } // 报错 function foo(x, x, y = 1) { // ... }
4.参数默认值不是传值的,而是每次都重新计算默认值表达式的值。也就是说,参数默认值是惰性求值的。
let x = 99; function foo(p = x + 1) { console.log(p); } foo() // 100 x = 100; foo() // 101
5.通常情况下,定义了默认值的参数,应该是函数的尾参数。
//no function f(x = 1, y) { return [x, y]; } //yes function f(y, x = 1) { return [x, y]; }
6.指定了默认值以后,函数的length属性,将返回没有指定默认值的参数个数。也就是说,指定了默认值后,length属性将失真。
(function (a) {}).length // 1 (function (a = 5) {}).length // 0 (function (a, b, c = 5) {}).length // 2
如果设置了默认值的参数不是尾参数,那么length属性也不再计入后面的参数了。
(function (a = 0, b, c) {}).length // 0 (function (a, b = 1, c) {}).length // 1
7.一旦设置了参数的默认值,函数进行声明初始化时,参数会形成一个单独的作用域(context)。等到初始化结束,这个作用域就会消失。这种语法行为,在不设置参数默认值时,是不会出现的。
var x = 1; function f(x, y = x) { console.log(y); } f(2) // 2
let x = 1; function f(y = x) { //参数y = x形成一个单独的作用域。这个作用域里面,变量x本身没有定义, let x = 2; //所以指向外层的全局变量x。函数调用时,函数体内部的局部变量x影响不到默认值变量x。 console.log(y); } f() // 1
如果此时,全局变量x不存在,就会报错。
function f(y = x) { let x = 2; console.log(y); } f() // referenceerror: x is not defined
下面这样写,也会报错。
var x = 1; function foo(x = x) { // ... } foo() // referenceerror: x is not defined
上面代码中,参数x = x形成一个单独作用域。实际执行的是let x = x,由于暂时性死区的原因,这行代码会报错”x 未定义“。
8.应用
利用参数默认值,可以指定某一个参数不得省略,如果省略就抛出一个错误。
function throwifmissing() { throw new error('missing parameter'); } function foo(mustbeprovided = throwifmissing()) { return mustbeprovided; } foo() // error: missing parameter
上面代码的foo函数,如果调用的时候没有参数,就会调用默认值throwifmissing函数,从而抛出一个错误。
从上面代码还可以看到,参数mustbeprovided的默认值等于throwifmissing函数的运行结果(注意函数名throwifmissing之后有一对圆括号),这表明参数的默认值不是在定义时执行,而是在运行时执行。如果参数已经赋值,默认值中的函数就不会运行。
二、rest参数
转自ecmascript 6 入门