淺析javascript異步執(zhí)行函數(shù)導致的變量變化問題解決思路
更新時間：2016年05月13日 14:49:01 投稿：jingxian
下面小編就為大家?guī)硪黄獪\析javascript異步執(zhí)行函數(shù)導致的變量變化問題解決思路。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考
淺析javascript異步執(zhí)行函數(shù)導致的變量變化問題解決思路
for(var i=0;i<3;i++)
{
setTimeout(function(){
console.log(i)
},0);
}
控制臺輸出：
3
3
3
這是因為執(zhí)行方法的時候for循環(huán)已經(jīng)執(zhí)行完成每次執(zhí)行的時候取得都是3 而不是1-2-3這時我們可以使用立即執(zhí)行函數(shù)為每一次循環(huán)創(chuàng)建一個變量副本來供定時器調用解決這個問題
for (var i = 0; i < 3; i++) {
setTimeout(
(function () {
var _i = i;
return function () {
console.log(_i)
};
})(),
0);
}
控制臺輸出:
1
2
3
以上這篇淺析javascript異步執(zhí)行函數(shù)導致的變量變化問題解決思路就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
有時候我們在設計網(wǎng)頁的時候想動態(tài)的加載css文件,并不是將css文件寫死在頁面中,這時就可以使用下面方法.2009-07-07
本文通過實例代碼給大家介紹了JS中NEW的實現(xiàn)原理及重寫，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2020-02-02
這篇文章主要介紹了小程序組件之仿微信通訊錄的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
最近在搞一個AJAX的小功能，目的是用浮動div框顯示當前鼠標下控件的詳細信息，其中獲得鼠標位置這塊害得我走了很多冤枉路，因為壓根沒有想到我下面提到的第二點的區(qū)別，所以我的頁面出來總是找不到我之前定義的那個div2008-11-11
javascript中export?和export?default的區(qū)別
本文主要介紹了javascript中export?和export?default的區(qū)別，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-07-07
如何在CocosCreator中利用常駐節(jié)點做圖層管理
這篇文章主要介紹了如何在CocosCreator中利用常駐節(jié)點做圖層管理，這些技巧非常實用，希望同學們看完，回去可以試一下2021-04-04
javascript+ajax實現(xiàn)產(chǎn)品頁面加載信息
本文給大家分享的是使用javascript結合ajax實現(xiàn)產(chǎn)品頁面無刷新加載信息的代碼，非常的簡單實用，有需要的小伙伴可以參考下。2015-07-07
JavaScript實現(xiàn)淺拷貝與深拷貝的方法分析
這篇文章主要介紹了JavaScript實現(xiàn)淺拷貝與深拷貝的方法,結合實例形式總結分析了JavaScript淺拷貝與深拷貝的定義與使用方法,需要的朋友可以參考下2018-07-07
javascript 客戶端驗證上傳圖片的大?。嫒軮E和火狐）
做web開發(fā)的哥們都會遇到批量上傳圖片的需求，相信大家都會遇到這樣的問題，當選擇好要上傳的圖片，提交服務器后，發(fā)現(xiàn)有圖片的大小超過了系統(tǒng)允許的范圍。2009-08-08
箭頭函數(shù)可以說是es6的一大亮點,使用箭頭函數(shù),可以簡化編碼過程,是代碼更加的簡潔,下面這篇文章主要給大家介紹了關于ES6中箭頭函數(shù)的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08