ES6 函数默认值与作用域

作用域

函数参数默认值 实际上形成了一个单独的作用域，举个栗子：

    let foo = 'outer';

    function bar(func = () => foo) {
        let foo = 'inner';
        console.log(func());
    }

    bar(); // outer

在bar 中 的函数参数中的 foo 指向的是bar 中的foo，但是bar 中没有定义foo，所以向上指向的是全局的foo （outer）
如果在bar 中传入参数 foo， 那么结果就不一样了，栗子：

    let foo = 'outer';

    function bar(foo, func = () => foo) {
        var foo = 'inner';
        console.log(func());
    }

    bar(1);   // 1

这里需要注意的是 内层foo 的定义不能用let ，因为在bar中已经定义了。

（怎么让foo 等于内层的foo？ 这种问题和我们说的没什么太大联系了。一个方法是 不要让2个foo重名就好。）

利用函数默认值的应用

教程上的栗子:

function throwIfMissing() {
  throw new Error('Missing parameter');
}

function foo(mustBeProvided = throwIfMissing()) {
  return mustBeProvided;
}

foo()
// Error: Missing parameter

需要注意的是，默认值总是在没有赋值的情况下调用。所以上述栗子如果foo传值了，那么 throwIfMissing函数不会运行。