Javascript的setTimeout()使用閉包特性時需要注意的問題

Javascript的setTimeout()使用閉包特性時需要注意的問題

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