首頁猿問求解題過程

求解題過程

JavaScript

天天向上學(xué) 2019-01-22 21:05:37

let?n?=?10, ????????obj?=?{n:?20}; let?fn?=?obj.fn?=?(function?()?{ ????this.n++; ????n++; ????return?function?(m)?{ ????????n?+=?10?+?(++m); ????????this.n?+=?n; ????????console.log(n); ????} })(obj.n); fn(10); obj.fn(10); console.log?(n,?obj.n);求解題過程

查看完整描述

1 回答

已采納

pardon110

TA貢獻(xiàn)1038條經(jīng)驗(yàn) 獲得超227個贊

以下是理解的關(guān)鍵點(diǎn)

this是運(yùn)行時綁定，完全根據(jù)調(diào)用點(diǎn)（函數(shù)是如何被調(diào)用）而為每次函數(shù)調(diào)用建立的綁定
let塊級作用域，無聲明變量隱式聲明為全局變量
js中閉包函數(shù)對外部函數(shù)的“私有數(shù)據(jù)”依賴及立即執(zhí)行函數(shù)的意義

詳細(xì)注解如下

let?n?=?10,obj?=?{n:?20};
let?fn?=?obj.fn?=?(function?()?{
console.log('outer?n...?'+n,'this.n...'+this.n)
???this.n++;???????//?閉包（內(nèi)部）函數(shù)持有它，在外層函數(shù)調(diào)用完畢不會釋放，
???n++;????????????//?同上，類似于閉包的”私有數(shù)據(jù)”，但n有點(diǎn)不一樣，相當(dāng)于引用且聲明了一個全局變量
???return?function?(m)?{??//?返回閉包函數(shù)，形參為m也就是后續(xù)obj.fn的實(shí)參10
console.log('inner?n...'?+?n,?'?this.n...'+this.n)
???????n?+=?10?+?(++m);??//?改變?nèi)植孔兞縩，對obj.fn,fn的每次調(diào)用皆會改變它
???????this.n?+=?n;????//?改變了調(diào)用者對象（若存在時）的n屬性值
console.log(n);
}
})(obj.n);??//?立即執(zhí)行函數(shù)，此處的obj.n只是個實(shí)參，未參與內(nèi)部運(yùn)算無實(shí)際意義，可以不存在
fn(10);?//???無調(diào)用者，其調(diào)用不會改變
obj.fn(10);?//??有調(diào)用者obj?this不是編寫時綁定，而是運(yùn)行時綁定
console.log?(n,?obj.n);?
console.log(obj)????//?查看執(zhí)行后obj對象結(jié)構(gòu)

輸出結(jié)果

outer?n...?10?this.n...undefined??//?私有數(shù)據(jù)初始化，執(zhí)行一次，始終與obj.fn，fn綁定
inner?n...11??this.n...NaN
32
inner?n...32??this.n...20
53
53?73
{?n:?73,?fn:?[Function]?}

1 反對回復(fù) 2019-01-23