Javascript的setTimeout()使用閉包特性時需要注意的問題
來源:易賢網 閱讀:1371 次 日期:2014-10-15 15:21:35
溫馨提示:易賢網小編為您整理了“Javascript的setTimeout()使用閉包特性時需要注意的問題”,方便廣大網友查閱!

setTimeout經常被用于延遲執(zhí)行某個函數,用法為:

代碼如下:

setTimeout(function(){

}, timeout);

有時為了進行異步處理,而使用setTimeout(function…,0);比如:

代碼如下:

function f(){

… // get ready

setTimeout(function(){

…. // do something

}, 0);

return …;

}

在setTimeout設定的函數處理器之前,函數f返回;

在使用異步處理時,尤其是使用閉包特性時,要特別小心;

例如:

代碼如下:

for(var i = 0 ; i < 10; i++){

setTimeout(function(){

console.log(i);

}, 0);

}

對于初次使用這種方式的同學來說,很可能會認為程序會打印0…9,可結果確實打印10個10;

問題就在于,當循環(huán)完成時,function得到執(zhí)行,而i已經變成10,console.log(i)中使用的是10!

加入你的目的是打印0…9,那么可以換一種方式,用函數參數來保存0….9(其實也是利用了閉包):

代碼如下:

for(var i = 0 ; i < 10; i++){

setTimeout((function(i){

return function(){

console.log(i);

}

})(i), 0);

}

更多信息請查看IT技術專欄

更多信息請查看腳本欄目
關于我們 | 聯(lián)系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網