1

这对我来说真的不是问题。我只想知道如何正确地做到这一点，而不是解决方法。好吧，如果我们使用for()和一些延迟事件，则只考虑最后一个值。

测试：http: //jsfiddle.net/39dQV/

// Using only i (does not work)
for(var i=0; i<10; i++) {
    setTimeout(function() {
        test1.textContent = i;
    }, i * 1000);
}

// Private scope to i (does not work either)
for(var i=0; i<10; i++) {
    var x = i;

    setTimeout(function() {
        test2.textContent = x;
    }, i * 1000);
}

// Callback scope (workaround)
function set_textContent(i) {
    setTimeout(function() {
        test3.textContent = i;
    }, i * 1000);
};

for(var i=0; i<10; i++) {
    set_textContent(i);
}​

我需要做什么才能使其正常工作，即：考虑 的当前值i，而不是按时间更改的最后一个值？

4

1 回答 1

2

您的解决方案并不是真正的“解决方法”，它是最好的方法：

for(var i=0; i<10; i++) {
    setTimeout(function() {
        test1.textContent = i;
    }, i * 1000);
}

不能工作！i 在本地范围内，在执行函数时不再定义。

for(var i=0; i<10; i++) {
    var x = i;

    setTimeout(function() {
        test2.textContent = x;
    }, i * 1000);
}

同样的情况，x 在循环中是本地的。

您需要一个自己的变量范围。定义这种范围的唯一方法是将超时函数的定义封装在闭包或函数中，就像您在第三种方式中所做的那样。

我会这样写：

for(var i=0; i<10; i++) {
    ( function( i ) {
        setTimeout(function() {
            test1.textContent = i;
        }, i * 1000);
    } ( i ) };
}

闭包定义了它自己的范围，所以 i 的值被存储了。

欲了解更深入的信息，请参阅：http ://www.javascriptenlightenment.com/ （我喜欢它）

于 2012-10-26T21:11:40.980 回答