回到目录
函数参数的默认值
function add(x = 12, y = 10) {
return x + y;
}
用 es5 来模拟
function add(x, y) {
if (!x && typeof x === "undefined") {
x = 12;
}
if (!y && typeof y === "undefined") {
y = 10;
}
return x + y;
}
let x = 99;
function foo(p = x + 1) {
console.log(p);
}
foo(); // 100
x = 100;
foo(); // 101
与解构赋值默认值结合使用
function foo({ x, y = 5 }) {
console.log(x, y);
}
// 等同于
function foo(obj) {
let { x, y = 5 } = obj;
console.log(x, y);
}
从等同代码可以看出，在做解构之前并没有判断 obj 的数据类型，所以如果 obj 不能进行对象的解构时就会报错；
为了避免这种问题，我们就可以给 obj 再来一个默认值
function foo(foo = {}) {
let { x, y = 5 } = obj;
console.log(x, y);
}
// 上述代码简化一下
function foo({ x, y = 5 } = {}) {
console.log(x, y);
}
一般的，我们把可省略的参数放在最后面
函数的 length (该函数预期必须传入的参数个数)
(这个属性好像没怎么用到过)
指定了默认值以后，函数的 length 属性，将返回没有指定默认值的参数个数。
如果设置了默认值的参数不是尾参数，那么 length 属性也不再计入后面的参数了
(function(a) {}.length); // 1
(function(a = 5) {}.length); // 0
(function(a, b, c = 5) {}.length); // 2
应用例子
利用参数默认值，可以指定某一个参数不得省略，如果省略就抛出一个错误。
function throwIfMissing() {
throw new Error("Missing parameter");
}
function foo(mustBeProvided = throwIfMissing()) {
return mustBeProvided;
}
foo();
// Error: Missing parameter
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
// 搭配展开符食用，效果更好
let arr = [2, 5, 3, 4];
add(...arr); // 14
严格模式
ES2016 做了一点修改，规定只要函数参数使用了默认值、解构赋值、或者扩展运算符，那么函数内部就不能显式设定为严格模式，否则会报错。
箭头函数
var f = v => v;
// 等同于
var f = function(v) {
return v;
};
箭头函数的特点
函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象。
不可以当作构造函数，也就是说，不可以使用 new 命令，否则会抛出一个错误。
不可以使用 arguments 对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。
不可以使用 yield 命令，因此箭头函数不能用作 Generator 函数。
箭头函数的优点
- 极大的简化代码
function sum(x) {
return function(y) {
return function(z) {
return x + y + z;
};
};
}
sum(1)(2)(3) // 6
// 等效于
let sum = x=>y=>z=> x+y+z
sum(1)(2)(3) // 6
尾调用 和 尾递归
这是一种代码优化思想，形式上就是尽可能让函数体内的函数调用放在最后一步，可以降低调用的复杂度
尾调用详情
回到目录