ES6入门二：默认值与默认值表达式

• 默认值
• 默认值表达式

需要注意的是，这种默认值和默认表达式在IE的最新版本中仍然没有得到兼容，只能通过编译转码的方式降级到ES5使用。

 一、默认值

在函数声明时可以给形参赋默认值，当调用函数时不传入或者传入undefined的时候，函数会使用默认值进行计算。

示例：

function foo(x = 11,y = 31){
    console.log(x + y);
}
foo( null,6); // 6
foo(undefined, 10); //21

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); // 6

foo(undefined, 10); //21

 二、默认值表达式

 在函数声明时，形参可以是一个计算表达式，当调用函数执行时不传参或者传入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