如何使用本地參數進行匿名函數

Question

如何使此javascript警報0,1和2而不是3 3？

var vals = [1, 2, 3]; 
for(var i = 0; i < vals.length; i++) 
{ 
    window.setTimeout(function() {alert(i);}, 1000); 
} 

我知道爲什麼它這樣做的原因，但我無法弄清楚，如何通過i匿名函數。

Answer 1

您可以像這樣在一個封閉包裝這個：

var vals = [1, 2, 3]; 

for(var i = 0; i < vals.length; i++) { 
    (function(num) { 
     window.setTimeout(function() {alert(vals[num]);}, 1000); 
    })(i); 
} 

試試：http://jsfiddle.net/qgL7h/

Answer 2

var vals = [1, 2, 3]; 
function makeCallback(i) 
{ 
    return function() {alert(i);}; 
} 
for(var i = 0; i < vals.length; i++) 
{ 
    window.setTimeout(makeCallback(i), 1000); 
} 

Answer 3

這不是絕對必要的，以我傳遞給函數，它可以被分配給本地var內部。

var vals = [1, 2, 3]; 

for(var i = 0; i < vals.length; i++) { 
    (function() { 
     var num = i 
     window.setTimeout(function() {alert(vals[num]);}, 1000); 
    })(); 
} 

「function（）{block}（）」是必需的，因爲Javascript沒有合適的塊詞法變量。最近的版本增加了「讓」，這使這成爲可能：

var vals = [1, 2, 3]; 

for(var i = 0; i < vals.length; i++) { 
    let num = i 
    window.setTimeout(function() {alert(vals[num]);}, 1000); 
}