setTimeout在“for循环”中无法正常工作

Question

当然，代码只会完成您的工作。

但我很困惑，为什么下面的代码：

var a = { 
    0: "Hi", 
    1: "Bye" 
} 

for (var b in a) { 
    setTimeout(function() { 
     console.log(b); 
    }, 1000); 
} 

而不是安慰 “0”，然后选择 “1”

我只是得到 “1” 的两倍。

我不知道为什么发生这种情况。我需要一个类似于我正在制作的脚本的设置，但我也遇到了同样的问题。

Answer 1

这是因为你使用闭包是错误的。

在这种情况下，你使用的是封闭的可变b的setTimeout回调中，但直到回调执行，届时的更新为对象中的最后的值值的变量b的值没有抬起头来。

一个在这种情况下，解决方案是创建一个本地关闭下面给出

for (var b in a) { 
    (function(c){ 
     setTimeout(function() { 
      console.log(c); 
     }, 1000); 
    })(b) 
} 

演示：Fiddle

Answer 2

你可以这样来做太

for (var b in a) { 
    setTimeout(console.log.bind(console, b), 1000); 
} 

或者像这

for (var b in a) { 
    setTimeout(function(c) { 
     console.log(c) 
    }.bind(null, b), 1000); 
} 

也不像这个

// compatibility varies 
for (var b in a) { 
    setTimeout(function(c) { 
     console.log(c) 
    }, 1000, b); 
}