如何使用本地参数进行匿名函数

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