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 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 setTimeout((function(i){
return function(){
console.log(i);
}
})(i), 0);
}