正文
ES6入门二：默认值与默认值表达式
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
- 默认值
- 默认值表达式
需要注意的是，这种默认值和默认表达式在IE的最新版本中仍然没有得到兼容，只能通过编译转码的方式降级到ES5使用。
一、默认值
在函数声明时可以给形参赋默认值，当调用函数时不传入或者传入undefined的时候，函数会使用默认值进行计算。
示例：
function foo(x = 11,y = 31){
console.log(x + y);
}
foo( null,6); //
foo(undefined, 10); //
ES5编译结果：
"use strict"; function foo() {
var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 11;
var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 31;
console.log(x + y);
} foo(null, 6); // foo(undefined, 10); //
二、默认值表达式
在函数声明时，形参可以是一个计算表达式，当调用函数执行时不传参或者传入undefined就使用计算表达式计算的值作为参数的值。
示例：
let a = 10;
function bar(val){
return a + val;
}
function foo(x = a + 5, y = bar(x)){
console.log(x, y);
}
foo(); // 15 25
foo(3); // 3 13
foo(undefined, 10); // 15 10
ES5编译结果：
"use strict"; var a = 10; function bar(val) {
return a + val;
} function foo() {
var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : a + 5;
var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : bar(x);
console.log(x, y);
} foo(); // 15 25 foo(3); // 3 13 foo(undefined, 10); // 15 10
