JavaScript 异步竞争条件

Question

有一组对象，这些对象通过并行 ajax 请求进行扩展。当最后一个请求完成时，应该处理数组。我看到的唯一解决方案是：

function expandArray(objects, callback){
  number_of_requests=objects.length-1;
  for(i in objects){
    $.getJSON(request,function(){
                //expanding array           
                if(--number_of_reuests==0){
                  callback();
                }
              });
  }
}

但是由于请求是并行执行的，因此可能会出现竞争条件。变量 number_of_requests 可以由两个“线程”同时编辑。如何避免出现竞态的机会？

Answer 1

是否可以重新设计您的 AJAX 以使所有内容都集中在一个请求中？系统的那部分将成为最大的瓶颈并且可能会变得棘手（正如您已经发现的那样），因此您提出的请求越少越好。

我能想到的唯一另一种方法是，如果每个请求都改变其相关对象，设置一个标志值或其他东西，然后你遍历所有对象以检查是否所有标志都已设置。

Answer 2

Javascript 不是单线程的吗？你说的那种情况不会发生。

Answer 3

它更复杂，但我建议使用第三个函数来监控结果。像这样的：

1) 启动监视器 - 使用适当的间隔监视器（在这里使用间隔进行测试很重要 - 一个简单的循环会紧紧锁定 JS 引擎）请求 A 和 B 的结果。

2) 调用请求 A。

3) 呼叫请求 B.

4) 请求 B 完成 - 回调函数设置“B 全部完成！”价值。

5) 请求 A 完成 - 回调函数设置“A All Done!”价值。

6) Monitor 识别到两个请求都已完成并调用使用来自两者的数据的函数。

更简单地说，就是“依赖”（多次调用）到“监控”（检查依赖的函数）到“完成”（一切准备就绪时采取的行动）。

您可以将回调和完成函数创建为嵌套函数，以维护封装并减少全局范围内的“小”。

您可以根据需要扩展您的依赖项。