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

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

在这种情况下，您在setTimeout 回调中使用了闭包变量b，但是直到执行回调后才查找变量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);
}