慕虎7371278
2018-11-21 18:13:58
var x = 1; function foo(x,y=function(){x=2;}){ var x = 3; y(); console.log(x); }foo();這段代碼出現在阮一峰老師寫的es6那本書,最后輸出3,文字說明說y中的x和var x = 3;的x不是同一個x,這兒有點不理解。然后把var x= 3 的var去掉,就能輸出2,更不理解了。。。希望能有解答
1 回答

蝴蝶刀刀
TA貢獻1801條經驗 獲得超8個贊
這里其實是涉及到 ES6 默認參數引入的一個中間作用域。這個問題當初阮一峰也弄錯過,當然這里是正確的。
中間作用域的目的就是防止默認參數被函數里面的變量污染。默認參數本意是為了讓參數有默認值,假如函數內部的變量還能提升上來,那么默認參數就沒意義了。具體的解釋和例子可以看文章。
所以看回問題,
var x = 1;
function foo (x2, y = function () { x = 2; }) {
var x = 3;
y();
console.log(x);
}
foo();
這里有三個作用域,把 x 由外到里標記出來就是:
var x1 = 1;
function foo (x2, y = function () { x2 = 2; console.log(x2); }) {
var x3 = 3;
y();
console.log(x3);
}
foo();
console.log(x1);
假如沒有了參數的 x,那么標記出來就是:
var x1 = 1;
function foo (y = function () { x1 = 2; console.log(x1); }) {
var x2 = 3;
y();
console.log(x2);
}
foo();
console.log(x1);
添加回答
舉報
0/150
提交
取消