快捷導(dǎo)航

javascript 常見的閉包問(wèn)題的解決辦法

更新時(shí)間：2009年11月06日 00:15:04 作者：

javascript 常見的閉包問(wèn)題的解決辦法,需要的朋友可以參考下。

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

上段代碼本意是在每個(gè)div上都加一個(gè)事件，即每當(dāng)點(diǎn)擊div時(shí)，就顯示此div的相應(yīng)序號(hào)。但是運(yùn)行程序時(shí)我們會(huì)發(fā)現(xiàn)，不論點(diǎn)擊那個(gè)，只會(huì)顯示7，這是什么愿因呢。--這就是閉包的問(wèn)題
原來(lái) 在js中，函數(shù)中在定義函數(shù)，就出現(xiàn)閉包了。此時(shí)外層函數(shù)中變量是可以在里層函數(shù)里利用的，即使外層函數(shù)結(jié)束。但是當(dāng)外層中出現(xiàn)循環(huán)的時(shí)候，如果在里層函數(shù)中利用這個(gè)循環(huán)變量的話，會(huì)直接引用這個(gè)變量的最終值。
就像上述代碼演示的一樣。
如何解決呢。
可以利用匿名函數(shù)來(lái)加以解決。匿名函數(shù)會(huì)制動(dòng)執(zhí)行，我們可以利用這一特性，來(lái)產(chǎn)生一個(gè)作用域，生命一個(gè)變量，來(lái)引用外層的循環(huán)變量。
如代碼所示：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

由于在內(nèi)層函數(shù)里只要出現(xiàn)循環(huán)變量的話都是最終值，所以我們利用匿名函數(shù) 激發(fā)出一個(gè)作用域，在進(jìn)入內(nèi)層循環(huán)之前，有另一變量獲得該循環(huán)變量的值，這一思想是處理閉包問(wèn)題的精髓。

如下例子：此時(shí)并沒(méi)有明顯的for循環(huán)，但是根據(jù)上述思想，可以立即加以解決問(wèn)題

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

解決后代碼：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

補(bǔ)充：看到有網(wǎng)友這樣解決了問(wèn)題：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

我個(gè)人的理解是在進(jìn)入內(nèi)層循環(huán)之前把id賦值給f，f在作為內(nèi)層循環(huán)的參數(shù)，其思想應(yīng)該是一樣的.

您可能感興趣的文章: