1.函数参数的默认值
2.rest参数
3.严格模式
4.name属性
5.箭头函数
6.尾调用优化
7.函数参数的尾逗号
8.Function.prototype.toString()
9.catch命令的参数省略
1.函数参数的默认值
ES6允许函数设置默认值
function log(x, y = 'World') {
console.log(x, y);
}
log('Hello') // Hello World
log('Hello', 'China') // Hello China
log('Hello', '') // Hello
与解构赋值默认值结合使用
function foo({x, y = 5}) {
console.log(x, y);
}
foo({}) // undefined 5
foo({x: 1}) // 1 5
foo({x: 1, y: 2}) // 1 2
foo() // TypeError: Cannot read property 'x' of undefined
上述代码中使用了对象的解构赋值,而没有使用函数参数的默认值,只有当函数foo的参数是一个对象的时,变量x和y才会通过结构赋值生成。如果函数foo调用时没有提供参数,变量x和y就不会生成,从而报错
通常情况下设定函数的默认值的参数应该放在尾部,否则你在传参的时候无法省略该参数
函数length的值失真,值的是函数的参数指定了默认值,那么函数的length属性不会计算有默认值的参数
应用:
利用参数默认值,可以指定某一个参数不可以省略,如果省略就会抛出一个错误。
另外,可以将参数的默认值设置为undefined,表明这个参数可以省略
2.rest参数
ES6中引入rest参数(形式为...变量名)用于获取函数的多余参数,这样就不需要使用arguments对象了。rest参数搭配的变量是一个数组,将多余的参数放入数组中
function add(...values) {
let sum = 0;
for (var val of values) {
sum += val;
}
return sum;
}
add(2, 5, 3) // 10
3.严格模式
从ES5开始,函数内部可以设定为严格模式,ES2016 做了一点修改,规定只要函数参数使用了默认值、解构赋值、或者扩展运算符,那么函数内部就不能显式设定为严格模式,否则会报错。
4.name属性
5.箭头函数
6.尾调用优化
什么是尾调用?
就是函数的最后一步是调用另外一个函数
尾递归
递归非常消耗内存,因为需要同时保存成千上百个调用帧,很容易发生"栈溢出"错误,但是对于尾递归来说,由于之存在一个调用帧,所以永远不会发生"栈溢出"的错误
function factorial(n) {
if(n===1) return 1;
return n*factorial(n-1)
}
factorial(5) //120
上面代码是一个阶乘函数,计算n的阶乘,最多需要保存n个调用记录,复杂度O(n)。
如果改成尾递归,只保留一个调用记录,复杂度O(1)。
function factorial(n,total) {
if(n===1) return total
return function (n-1,n*total)
}
factorial(5,1) //120
递归函数的改写
要实现尾递归,往往需要改写递归函数,确保最后一步调用自身,要做到这一点的方法,就是把所有的内部函数变量改写成函数的参数。比如上面的例子,这样做的缺点就是不太直观,第一眼很难看出来,为什么计算5的阶乘,需要传入两个参数5和1?
要改进这个函数有两个方法
1.在尾递归函数之外,再提供一个正常形式的函数。
function tailFactorial(n, total) {
if (n === 1) return total;
return tailFactorial(n - 1, n * total);
}
function factorial(n) {
return tailFactorial(n, 1);
}
factorial(5) // 120
2.函数式编程有一个概念,叫做柯里化(currying),意思是将多参数的函数转换成单参数的形式。这里也可以使用柯里化。
unction currying(fn, n) {
return function (m) {
return fn.call(this, m, n);
};
}
function tailFactorial(n, total) {
if (n === 1) return total;
return tailFactorial(n - 1, n * total);
}
const factorial = currying(tailFactorial, 1);
factorial(5) // 120
currying就是柯里化函数,用来接收一个函数和固定值的参数,返回另外一个函数。上例中最终需要的函数保存在factorial中
严格模式
ES6的尾调用优化只在严格模式下开启,正常模式是无效的
这是因为在正常模式下,函数内部有两个变量,可以跟踪函数的调用栈
- func.arguments:返回函数调用时的参数。
- func.caller:返回调用当前函数的那个函数。
尾调用优化发生时,函数的调用栈会改写,因此上面两个变量就会失真。严格模式下禁止使用这两个变量,所以尾调用模式仅在严格模式下生效。
function restricted() {
'use strict';
restricted.caller; //报错
restricted.arguments; //报错
}
restricted();
7.函数参数的尾逗号
ES2017允许函数的最后一个参数有尾逗号。