循环奇怪行为的Javascript答案

【问题标题】：Javascript for loop weird behavior循环奇怪行为的Javascript
【发布时间】：2013-01-06 13:47:30
【问题描述】：

我觉得得到这个输出很奇怪：

Wait..
Request 2 Complete.
Request 2 Complete.

关于一个简单的 for 循环：

for (var i = 0, j = urls.length; i < j; i += 1) {
    $.ajax({
        url: urls[i],
        dataType: 'jsonp',
        complete: function() {
            log.append('Request ' + i + ' Complete.' + "\n");
            if (i == (j - 1)) {
                log.append('Done.');
            }
        }
    });

}

为什么i 总是等于2？

【问题讨论】：

出现问题的原因是闭包关闭了变量 i，而不是创建闭包时的值。 JavaScript 以外的许多语言都会出现此问题，包括 C# 和 Visual Basic。如果您想了解有关此极其常见错误的更多背景信息，请搜索“访问修改后的闭包”。

标签： javascript jquery loops for-loop

【解决方案1】：

这是因为在 ajax 请求中对 i 的两个调用都引用了 for 循环中的相同 i。在这个时间点，当请求完成（从而访问i）时，循环终止并且i 具有最终值，这里是2。

我认为您正在寻找这样的东西：

for (var i = 0, j = urls.length; i < j; i += 1) {
  !function( i ){
    $.ajax({
        url: urls[i],
        dataType: 'jsonp',
        complete: function() {
            log.append('Request ' + i + ' Complete.' + "\n");
            if (i == (j - 1)) {
                log.append('Done.');
            }
        }
    });
  }( i );
}

通过将i 的值传递给立即执行的函数，您可以创建i 的相应值的副本以在ajax 请求中使用。

【讨论】：

您好，先生，这种技术的术语是什么？我想了解更多。谢谢顺便说一句。
@Hermione 通常这是 JavaScript 中的作用域和闭包问题。参见，例如，this question。如果我使用的技术有一个具体的名称，我不知道。
@WearetheWorld 不，不会的。但是每个请求都会有一个唯一的 id，它与请求开始时的顺序相同。因此，如果您必须对结果进行任何同步，则可以使用该 id。

【解决方案2】：

尝试使用

     async = false;
in ajax request

【讨论】：

这将解决 i 值的问题，但网站会慢得多。 Sirkos 解决方案是更好的方法。