javascript - ES6中函數參數默認值為函數的問題？

問題描述

我對函數參數默認值為函數的情況有許多困惑比如

let foo = ’outer’;function bar(func = x => foo) { let foo = ’inner’; console.log(func()); }bar(); //outer

根據阮一峰的es6入門，我知道函數參數是默認值的話，會先有個塊級作用域包裹參數，初始化結束后塊級作用域消失

一旦設置了參數的默認值，函數進行聲明初始化時，參數會形成一個單獨的作用域（context）。等到初始化結束，這個作用域就會消失。這種語法行為，在不設置參數默認值時，是不會出現的。

如果默認值是普通變量我能理解，但還是不懂為什么這里輸出的是outer而不是inner

問題解答

一句話：函數的閉包在定義時形成，而非運行時。

把語法糖徹底展開，應該能看清楚點

let foo = ’outer’;function fk_compiler() { return foo;}function bar(func) { if (func === undefined) { func = fk_compiler; } let foo = ’inner’; console.log(func());}bar();

你看，fk_compiler里是不是只能返回外部作用域下的foo？

js是詞法作用域，foo值取函數定義時的值而不是執行時的值。

基于回復者的代碼：

let foo = ’outer’;function fk_compiler() { return foo;}function bar(func) { if (func === undefined) { func = fk_compiler; } let foo = ’inner’; console.log(func());}bar();

js采取的是詞法作用域，所以，無論函數在哪里被調用，或者以任何形式被調用，其詞法作用域只由其被聲明時的位置決定。

fk_compiler被聲明的作用域在全局，所以，它會去訪問全局作用域中的foo。答案也就出來了。

類似代碼：

function foo(){ console.log(this.a);}(function init(){ var a = ’inner’;//此處改為 window.a = ’global’;再試試 foo();})();