Javascript setTimeout(0)，閉包

Javascript setTimeout(0)，閉包

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

}