等待多个延迟对象完成并使用解析的值

Question

我正在尝试找出一种方法来等待多个延迟对象并在完成后处理它们，可能就像为延迟对象开始下一组。

我被卡住了，因为以下结果不是预期的。 我期待结果为

allDone resovled values are 1,2,3

实际结果是

allDone resovled values are 1,2

var dfd1 = new $.Deferred();
var dfd2 = new $.Deferred();
var dfd3 = new $.Deferred(); 
var dfds = [ dfd1, dfd2, dfd3 ]; 
var resolvedValues = [];

$.when.apply($, dfds).done(function() {     
    dfds.forEach(function(dfd){
        console.log("inloop");      
        dfd.promise().done(function(value) {
            resolvedValues.push(value);         
        });     
    });
    console.log("allDone resovled values are" + resolvedValues);
})

dfd1.resolve(1);
dfd2.resolve(2);
dfd3.resolve(3);

Answer 1

为什么，见下文。但是你把它复杂化了。 :-) 你给你从when 得到的最终承诺的回调给你解析的值作为参数：

$.when.apply($, dfds).done(function(a, b, c) {
    // Here, a is 1, b is 2, c is 3
    // Or you can access them on `arguments`
})

实例：

var dfd1 = new $.Deferred();
var dfd2 = new $.Deferred();
var dfd3 = new $.Deferred(); 
var dfds = [ dfd1, dfd2, dfd3 ]; 
var resolvedValues = [];

$.when.apply($, dfds).done(function() {
    // Use a trick to turn `arguments` into a real array
    var a = Array.prototype.slice.call(arguments);
    // Show what we got
    console.log("allDone: " + a.join(", "));
})

dfd1.resolve(1);
dfd2.resolve(2);
dfd3.resolve(3);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

---

旁注：我假设您是故意处理一个数组。如果你有固定数量的 Promise 需要等待，只需使用更简单的形式

$.when(dfd1, dfd2, dfd3).then(function(a, b, c) {
    // ...
});

---

为什么你会得到非常奇怪的结果：jQuery 的 Deferred/Promise 对象存在问题，因为它们是混乱：当您对它们调用done 时，您不知道您的回调是同步 还是异步 执行。这是一个严重的缺陷，并且是真正的 Promises/A+ 实现所没有的（回调始终是异步的）。

如果承诺还没有解决，jQuery 将异步调用回调。但如果它没有解决，它会调用它同步：

var d1 = $.Deferred();
d1.done(function() {
    console.log("I'm called asynchronously");
});
d1.resolve();

var d2 = $.Deferred();
d2.resolve();
d2.done(function() {
    console.log("I'm called synchronously");
});

所以在您的代码中发生的情况是，when 触发的整个 done 回调在期间在最后一个已解决的承诺 (dfd3) 的 done 回调中被触发。由于直到 在 done 回调完成后，promise 才被标记为已解决，所以当您的代码运行时，dfd1 和 dfd2 已解决，但 dfd3 仍在处理中正在解决。因此，dfd1 和 dfd2 会同步调用您的内部回调，而dfd3 会异步调用。因此，您在将 dfd3 返回值推送到您的数组之前输出结果。