DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript的setTimeout()使用閉包特性時需要注意的問題
Javascript的setTimeout()使用閉包特性時需要注意的問題
編輯:關於JavaScript     

setTimeout經常被用於延遲執行某個函數,用法為:

復制代碼 代碼如下:
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;
問題就在於,當循環完成時,function得到執行,而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);
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved