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

setTimeout經(jīng)常被用于延遲執(zhí)行某個(gè)函數(shù),用法為:

代碼如下:

setTimeout(function(){

}, timeout);

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

代碼如下:

function f(){

… // get ready

setTimeout(function(){

…. // do something

}, 0);

return …;

}

在setTimeout設(shè)定的函數(shù)處理器之前,函數(shù)f返回;

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

例如:

代碼如下:

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

setTimeout(function(){

console.log(i);

}, 0);

}

對(duì)于初次使用這種方式的同學(xué)來(lái)說(shuō),很可能會(huì)認(rèn)為程序會(huì)打印0…9,可結(jié)果確實(shí)打印10個(gè)10;

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

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

代碼如下:

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

setTimeout((function(i){

return function(){

console.log(i);

}

})(i), 0);

}

更多信息請(qǐng)查看IT技術(shù)專欄

更多信息請(qǐng)查看腳本欄目
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn)

版權(quán)所有:易賢網(wǎng)