1. 函数参数的默认值
基本用法:
-
ES6允许为函数的参数设置默认值,即直接写在参数定义的后面。
function log(x, y = 'world') {
console.log(x,y);
}log('hello'); //hello world log('hello','china'); //hello china log('hello',''); //hello
参数变量是默认声明的,所以不能用let或const再次声明。否则报错。
与解构赋值默认值结合使用
- 当函数参数为对象,同时对象的属性有默认值时,如果调用时的参数不是对象,则会报错。如果参数对象没有带有默认值的属性,默认值生效。
下面两种方法的区别:
//写法一
function m1({x=0,y=0} = {}) {
return [x,y];
}
//方法二
function m2({x,y} = {x:0,y:0}) {
return [x,y];
}
上面两种方法都对函数的参数设定了默认值,区别是写法一函数参数的默认值是空对象,但是设置了对象解构赋值的默认值;写法二函数参数的默认值是一个有具体属性的对象,但是没有设置对象解构赋值的默认值。
//函数没有参数的情况
m1() //[0,0]
m2() //[0,0]
//x和y都有值的情况
m1({x:3,y:8}) //[3,8]
m2({x: 3, y: 8}) // [3, 8]
// x有值,y无值的情况
m1({x: 3}) // [3, 0]
m2({x: 3}) // [3, undefined]
// x和y都无值的情况
m1({}) // [0, 0];
m2({}) // [undefined, undefined]
m1({z: 3}) // [0, 0]
m2({z: 3}) // [undefined, undefined]
参数默认值的位置
- 一般默认值的参数应该是函数的尾参数,如果是非尾部的参数设置默认值,实际上这个参数是没法省略的。省略则报错。
函数的length属性
- 指定了默认值以后,函数的length属性,将返回没有指定默认值的参数个数。即指定了默认值后,length属性将失真。
原因:length属性的含义是,该函数预期传入的参数个数。
- 如果设置了默认值的参数不是尾参数,则length属性不再计入后面的参数。
作用域
- 如果参数默认值是一个变量,则该变量所处的作用域,与其他变量的作用域规则一样,即先是当前函数的作用域,然后才是全局作用域。
2. rest参数
- 形式为"..变量名",用于获取函数的多余参数.
- rest参数之后不能再有其他参数,否则报错。
- 函数的length属性,不包括rest参数。
3. 扩展运算符
含义
- 扩展运算符是三个点(...)。将一个数组转为用逗号分隔的参数序列。
console.log(...[1,2,3]) // 1 2 3
替代数组的apply方法