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函数不会运行。