javascript 常見的閉包問題的解決辦法
更新時(shí)間：2009年11月06日 00:15:04 作者：
javascript 常見的閉包問題的解決辦法,需要的朋友可以參考下。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
上段代碼本意是在每個(gè)div上都加一個(gè)事件，即每當(dāng)點(diǎn)擊div時(shí)，就顯示此div的相應(yīng)序號。但是運(yùn)行程序時(shí)我們會發(fā)現(xiàn)，不論點(diǎn)擊那個(gè)，只會顯示7，這是什么愿因呢。--這就是閉包的問題
原來 在js中，函數(shù)中在定義函數(shù)，就出現(xiàn)閉包了。此時(shí)外層函數(shù)中變量是可以在里層函數(shù)里利用的，即使外層函數(shù)結(jié)束。但是當(dāng)外層中出現(xiàn)循環(huán)的時(shí)候，如果在里層函數(shù)中利用這個(gè)循環(huán)變量的話，會直接引用這個(gè)變量的最終值。
就像上述代碼演示的一樣。
如何解決呢。
可以利用匿名函數(shù)來加以解決。匿名函數(shù)會制動執(zhí)行，我們可以利用這一特性，來產(chǎn)生一個(gè)作用域，生命一個(gè)變量，來引用外層的循環(huán)變量。
如代碼所示：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
由于在內(nèi)層函數(shù)里只要出現(xiàn)循環(huán)變量的話 都是最終值，所以我們利用匿名函數(shù) 激發(fā)出一個(gè)作用域，在進(jìn)入內(nèi)層循環(huán)之前，有另一變量獲得該循環(huán)變量的值，這一思想是處理閉包問題的精髓。
如下例子：此時(shí)并沒有明顯的for循環(huán)，但是 根據(jù)上述思想，可以立即加以解決 問題
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
解決后代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
補(bǔ)充：看到有網(wǎng)友這樣解決了問題：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我個(gè)人的理解是 在進(jìn)入內(nèi)層循環(huán)之前 把id賦值給f，f在作為內(nèi)層循環(huán)的參數(shù)，其思想應(yīng)該是一樣的.
相關(guān)文章
本文主要介紹了canvas仿iwatch時(shí)鐘效果的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
Js為表單動態(tài)添加節(jié)點(diǎn)內(nèi)容的方法
這篇文章主要介紹了Js為表單動態(tài)添加節(jié)點(diǎn)內(nèi)容的方法,實(shí)例分析了js針對表單節(jié)點(diǎn)進(jìn)行添加操作的常用技巧,需要的朋友可以參考下2015-02-02
js判斷樣式className同時(shí)增加class或刪除class
用正則表達(dá)式判斷多個(gè)class之間是否存在真正的class（前后空格的處理)然后增加class刪除class，本文給予實(shí)現(xiàn)方法，感興趣的朋友可以了解下，或許對你有所幫助2013-01-01
JavaScript中string轉(zhuǎn)換成number介紹
這篇文章主要介紹了JavaScript中string轉(zhuǎn)換成number介紹,本文講解了3種將string值轉(zhuǎn)換成number的方法,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了js判斷是否為ie的方法，有需要的朋友可以參考一下2014-01-01
JS實(shí)現(xiàn)獲取鍵盤按下的按鍵并顯示在頁面上的方法
這篇文章主要介紹了JS實(shí)現(xiàn)獲取鍵盤按下的按鍵并顯示在頁面上的方法,涉及JavaScript針對鍵盤事件及頁面元素的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
JSONP原理就是動態(tài)插入帶有跨域url的script標(biāo)簽,然后調(diào)用回調(diào)函數(shù),把我們需要的json數(shù)據(jù)作為參數(shù)傳入,通過一些邏輯把數(shù)據(jù)顯示在頁面上,這篇文章主要給大家介紹了關(guān)于jsonp的簡單介紹以及其安全風(fēng)險(xiǎn)的相關(guān)資料,需要的朋友可以參考下2022-01-01
JavaScript Event事件學(xué)習(xí)第一章 Event介紹
Events是每一個(gè)JavaScript程序核心。什么是事件處理，它有什么問題和怎樣寫出跨瀏覽器的代碼，我將在這一章做一個(gè)概述。我也會提供一些有精彩的關(guān)于事件處理程序的細(xì)節(jié)的文章。2010-02-02
這篇文章主要為大家詳細(xì)介紹了JavaScript中一些reduce和map的優(yōu)雅寫法，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-03-03
本篇文章給大家介紹js判斷蜘蛛來源的方法，此方法的腳本是寫在body的onload里面的，當(dāng)頁面進(jìn)行加載時(shí)就進(jìn)行判斷，感興趣的朋友一起看看吧2015-09-09