jquery - 将多个 jQuery Deferred 对象组合成一个新的 Deferred 对象

Question

这是代码: http://jsbin.com/lizami/edit?js,console

将代码也粘贴到此处:

var aaa = $.Deferred();

var bbb = function(data){

    console.log(data);

    var dfd = $.Deferred();
    setTimeout(function(){
        dfd.resolve("bbb is done");
    }, 1000);
    return dfd.promise();
};

var ccc = function(data){
    console.log(data);

    var dfd = $.Deferred();
    setTimeout(function(){
        dfd.resolve("ccc is done");
    }, 1000);
    return dfd.promise();
};

var ddd = function(data){
    console.log(data);

    return data;
};



aaa.then([bbb,ccc]).then(ddd);
aaa.resolve("aaa is done");

我想要的是在解析aaa时启动两个新的延迟:bbb和ccc。当 bbb 和 ccc 都得到解析时。使用 bbb 和 ccc 的解析数据调用 ddd。

这可能吗？ jsbin 不起作用

Answer 1

在 jQuery 中，您可以使用 $.when() 将多个 Promise 合并为一个。

aaa.then(function() {
    return $.when(bbb(), ccc());
}).then(ddd);

这将等待aaa解析，然后它将运行bbb()和ccc()，当它们都解析时，然后它会调用ddd()。

工作演示:http://jsfiddle.net/jfriend00/2f7btsq7/