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);
}