Javascript的setTimeout()使用閉包特性時需要注意的問題
更新時間：2014年09月23日 11:15:17 作者：iCode0410
這篇文章主要介紹了Javascript的setTimeout(0)使用閉包特性時需要注意的問題,需要的朋友可以參考下
setTimeout經(jīng)常被用于延遲執(zhí)行某個函數(shù)，用法為：
復(fù)制代碼 代碼如下:
setTimeout(function(){
…
}, timeout);
有時為了進行異步處理，而使用setTimeout(function…,0)；比如：
復(fù)制代碼 代碼如下:
function f(){
… // get ready
setTimeout(function(){
…. // do something
}, 0);
return …;
}
在setTimeout設(shè)定的函數(shù)處理器之前，函數(shù)f返回；
在使用異步處理時，尤其是使用閉包特性時，要特別小心；
例如：
復(fù)制代碼 代碼如下:
for(var i = 0 ; i < 10; i++){
setTimeout(function(){
console.log(i);
}, 0);
}
對于初次使用這種方式的同學(xué)來說，很可能會認(rèn)為程序會打印0…9，可結(jié)果確實打印10個10；
問題就在于，當(dāng)循環(huán)完成時，function得到執(zhí)行，而i已經(jīng)變成10，console.log(i)中使用的是10！
加入你的目的是打印0…9，那么可以換一種方式，用函數(shù)參數(shù)來保存0….9（其實也是利用了閉包）：
復(fù)制代碼 代碼如下:
for(var i = 0 ; i < 10; i++){
setTimeout((function(i){
return function(){
console.log(i);
}
})(i), 0);
}
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了原生js實現(xiàn)的移動端可拖動進度條插件功能,結(jié)合實例形式詳細分析了javascript拖動進度條插件的具體定義與使用技巧,需要的朋友可以參考下2019-08-08
下面小編就為大家?guī)硪黄猨s原生實現(xiàn)FastClick事件的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
利用JavaScript實現(xiàn)繪制2023新年煙花的示例代碼
大家過年好！新春佳節(jié)，在這個充滿喜悅的日子里，愿新年的鐘聲帶給你一份希望和期待。在這喜慶的日子里，小編和大家分享一個煙花代碼，希望大家能夠喜歡2023-01-01
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡易登錄注冊頁面，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下<BR>2022-01-01
這篇文章主要為大家詳細介紹了js滾輪事件，自定義滾動條的實現(xiàn)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
javascript設(shè)計模式 – 模板方法模式原理與用法實例分析
這篇文章主要介紹了javascript設(shè)計模式 – 模板方法模式原理,結(jié)合實例形式分析了javascript模板方法模式相關(guān)概念、原理、用法及操作注意事項,需要的朋友可以參考下2020-04-04
在一次面試過程中，面試官問過我關(guān)于瀏覽器cookie的問題包括：cookie大小，cookie個數(shù)限制以及如何操作cookie等一系列的問題。2011-01-01
JS實現(xiàn)生成由字母與數(shù)字組合的隨機字符串功能詳解
這篇文章主要介紹了JS實現(xiàn)生成由字母與數(shù)字組合的隨機字符串功能,結(jié)合實例形式詳細分析了JavaScript生成隨機字符串的方法及相關(guān)優(yōu)化操作技巧,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了JavaScript檢查元素存在性的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
pnpm install:ERR_PNPM_PEER_DEP_ISSUES Unmet p
這篇文章主要為大家介紹了pnpm install:ERR_PNPM_PEER_DEP_ISSUES Unmet peer dependencies報錯解決2023-06-06