ES6函数的扩展
函数参数的默认值
- ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面。
function Point(x = 0, y = 0) {
this.x = x;
this.y = y;
}
- 如果传参则为传参值,不传则为默认值0。
- 也可以使用解构赋值为函数传参设置默认值。
- 设置默认值的参数,不计入函数 length 的计算之内
- 参数部分会有自己单独的作用域,不会与外界相关,不与函数体内的作用域有关。
rest参数
- rest参数用来获取多于参数,摒弃了 arguments 对象,会将多余的变量放入数组中。
- arguments 为一个类数组,不可以直接调用数组的方法,但是 rest 是一个数组,所以数组的方法可以直接拿来使用。
- rest 参数后不允许再有其他参数,而且 rest 参数不计入 length 计算中。
ES6 规定,只要你使用了本篇提到的的所有函数的新扩展,函数体内会默认使用严格模式。
name 属性
- 函数的 name 属性,返回该函数的函数名。
- 如果将具名函数赋值给新变量,name 会返回其原本的函数名。赋值只不过是指向该作用域,真正的函数名并不会改变。
箭头函数
const full = ({first, last}) => first + ' ' + last;
// 等价于
function full (person) {
return person.first + ' ' + person.last;
}
- 箭头函数的另一个用处是简化回调,如果函数体内只有 return 语句一句的话,可以简化,直接跟在
=>
后面默认返回。 - 使用注意点
- 箭头函数内的 this 指向定义时所在的对象,而不是使用时所在的对象。
- 因为没有自己的 this 所以也不可以当作构造函数。
- 不能使用 arguments 对象,可以用 rest 参数代替。
- 不能使用 yield 命令,因此箭头函数不能用作 Generator 函数。
双冒号运算符
- 函数绑定运算符 (双冒号运算符)用来取代
call(), apply(), bind()
。 - 函数绑定运算符左边为一个对象,右边为函数。函数执行时,this 会指向左边的对象。作为上下文环境。绑定到右边的函数上。
- 如果右边的函数返回了一个对象,则可以使用链式操作。
尾调用优化 (比较复杂,以后再总结)
- 必须得是函数的最后一步调用另一个函数,才可以被称之为尾调用。
- 不一定出现在尾部。只要是最后一步即可(return 后)。