TA貢獻1038條經驗 獲得超227個贊
以下是理解的關鍵點
this是運行時綁定，完全根據調用點（函數是如何被調用）而為每次函數調用建立的綁定
let塊級作用域，無聲明變量隱式聲明為全局變量
js中閉包函數對外部函數的“私有數據”依賴及立即執行函數的意義
詳細注解如下
let?n?=?10,obj?=?{n:?20};
let?fn?=?obj.fn?=?(function?()?{
console.log('outer?n...?'+n,'this.n...'+this.n)
???this.n++;???????//?閉包（內部）函數持有它，在外層函數調用完畢不會釋放，
???n++;????????????//?同上，類似于閉包的”私有數據”，但n有點不一樣，相當于引用且聲明了一個全局變量
???return?function?(m)?{??//?返回閉包函數，形參為m也就是后續obj.fn的實參10
console.log('inner?n...'?+?n,?'?this.n...'+this.n)
???????n?+=?10?+?(++m);??//?改變全局部變量n，對obj.fn,fn的每次調用皆會改變它
???????this.n?+=?n;????//?改變了調用者對象（若存在時）的n屬性值
console.log(n);
}
})(obj.n);??//?立即執行函數，此處的obj.n只是個實參，未參與內部運算無實際意義，可以不存在
fn(10);?//???無調用者，其調用不會改變
obj.fn(10);?//??有調用者obj?this不是編寫時綁定，而是運行時綁定
console.log?(n,?obj.n);?
console.log(obj)????//?查看執行后obj對象結構輸出結果
outer?n...?10?this.n...undefined??//?私有數據初始化，執行一次，始終與obj.fn，fn綁定
inner?n...11??this.n...NaN
32
inner?n...32??this.n...20
53
53?73
{?n:?73,?fn:?[Function]?}舉報