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