考虑这样的循环：
for(var it = 0; it < 2; it++)
{
setTimeout(function() {
alert(it);
}, 1);
}
输出是：
=> 2
=> 2
我希望它是：0, 1。我看到了两种修复方法：
解决方案#1。
这个基于我们可以将数据传递给 setTimeout 的事实。
for(var it = 0; it < 2; it++)
{
setTimeout(function(data) {
alert(data);
}, 1, it);
}
解决方案#2。
function foo(data)
{
setTimeout(function() {
alert(data);
}, 1);
}
for(var it = 0; it < 2; it++)
{
foo(it);
}
还有其他选择吗？
除了您提出的两种方式之外，实际上并没有什么，但这是另一种方式
for(var it = 0; it < 2; it++)
{
(function() {
var m = it;
setTimeout(function() {
alert(m);
}, 1);
})();
}
本质上，您需要在闭包中捕获变量值。此方法使用立即调用的匿名函数来捕获it局部变量中的外部变量值m。
这是一个可以玩的工作演示。将/edit添加到 URL 以查看代码
使用 let 关键字，您可以完全解决这个问题：
for(let it = 0; it < 2; it++)
{
setTimeout(function() {
alert(it);
}, 1);
}
与上述解决方案类似，但在 setTimeout 函数内部自调用
for(var it = 0; it < 2; it++)
{
setTimeout(function(cur) {
return function(){
alert(cur);
};
}(it), 1);
}
与其他解决方案类似，但在我看来更清洁：
for (var it = 0; it < 2; it++) {
// Capture the value of "it" for closure use
(function(it) {
setTimeout(function() {
alert(it);
}, 1);
// End variable captured code
})(it)
}
这为捕获保留了相同的变量名称，并为整个循环执行此操作，将其与超时设置的逻辑分开。如果你想在块中添加更多的逻辑，你可以很容易地做到这一点。
我唯一不喜欢解决方案的是最后重复“它”。