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

我试图找出一种方法来等待多个延迟对象并在完成后处理它们,可能就像为延迟对象启动下一组.

我被困了,因为下面的结果不是预期的结果.
我期待结果为

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);

解决方法

为什么,见下文.但是你过度复杂了. :-)你给出最终承诺的回调给你解决的值作为参数：

$.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,dfds).done(function() {
  // Use a trick to turn `arguments` into a real array
  var a = Array.prototype.slice.call(arguments);
  // Show what we got
  snippet.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>
<!-- Script provides the `snippet` object,see http://Meta.stackexchange.com/a/242144/134069 -->
<script src="//tjcrowder.github.io/simple-snippets-console/snippet.js"></script>

旁注：我假设你故意处理一个数组.如果您需要等待固定数量的承诺,只需使用更简单的表单即可

$.when(dfd1,dfd3).then(function(a,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");
});

所以你的代码中发生的事情就是整个完成的回调,当在最后一个被解析的promise(dfd3)的完成回调期间触发了.由于承诺在完成完成回调之后才被标记为已解决,因此当代码运行时,dfd1和dfd2将被解析,但dfd3仍在处理中.所以你的内部回调是为dfd1和dfd2同步调用的,但对dfd3是异步的.因此,在将dfd3返回值推送到阵列之前,您将输出结果.

原文地址：https://www.jb51.cc/jquery/177556.html