javascript - 协调Javascript中的异步请求

我想使用两个asynch调用获取两个资源。我只想在两个资源都已检索到时继续。

如何在JS中优雅地做到这一点？

这将工作:

getStuff1(function (result1) {
    getStuff2 (function (result2) {
        // do stuff with result1 and result2
        ....
    }
}

但是stuff2仅在stuff1完成后才开始。我宁愿在等待stuff1时启动stuff2。

最佳答案

如果您知道函数实际上是Javascript中的一流对象，则可以提出一个相当的优雅解决方案。

如果没有，则不包含任何额外的对象或全局变量。

function callback1() {
  callback1.done = true;
  commonCallback();
}

function callback2() {
  callback2.done = true;
  commonCallback();
}

function commonCallback() {
  if (callback1.done && callback2.done) {
    // do stuff, since you know both calls have come back.
  }
}

为什么这么优雅？因为您已经封装了数据，所以您的作用域可以从无用的变量中释放，并且代码的比以往任何时候都更具可读性。那很酷？ :)



而且，如果您需要更通用的解决方案，可以尝试以下方法:

function callback() {
  callback.number -= 1;
  if (callback.number === 0) {
    // do stuff since all calls finished
    callback.last();
  }
}
callback.newQueue = function(num, last) {
  callback.number = num;
  callback.last   = last;
}

// EXAMPLE USAGE

// our last function to be invoked
function afterEverythingDone(){ alert("done"); }

// create a new callback queue
callback.newQueue(3, afterEverythingDone);

// as time passes you call the callback
// function after every request
callback();
callback();
callback();

// after all call is finished
// afterEverythingDone() executes

太棒了:)