Javascript setTimeout(0)，閉包

標籤：cti   函數   ack   time   script   class   nbsp   str   ret   

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

}

Javascript setTimeout(0)，閉包