JavaScript将一个Deferreds数组传递给$ .when（）

Question

HTML：

<a href="#">Click me!</a>
<div></div>

JavaScript：

function getSomeDeferredStuff() {
    var deferreds = [];

    var i = 1;
    for (i = 1; i <= 10; i++) {
        var count = i;

        deferreds.push(
        $.post('/echo/html/', {
            html: "<p>Task #" + count + " complete.",
            delay: count
        }).success(function(data) {
            $("div").append(data);
        }));
    }

    return deferreds;
}

$(function() {
    $("a").click(function() {
        var deferreds = getSomeDeferredStuff();

        $.when(deferreds).done(function() {
            $("div").append("<p>All done!</p>");
        });
    });
});

我要“全部完成！” 在所有延迟任务完成后$.when()出现，但似乎不知道如何处理一系列Deferred对象。“全做完了！”
首先发生是因为数组不是Deferred对象，所以jQuery继续进行并假设它已经完成。

我知道有人可以像这样将对象传递给函数，$.when(deferred1, deferred2, ..., deferredX)但是未知我要解决的实际问题中执行多少个Deferred对象。

Answer 1

要将值数组传递给通常希望它们是单独参数的 任何 函数，请使用Function.prototype.apply，因此在这种情况下，您需要：

$.when.apply($, my_array).then( ___ );

在ES6中，可以改为使用...传播运算符：

$.when(...my_array).then( ___ );

在这两种情况下，由于您不太可能事先知道.then处理程序需要多少个形式参数，因此该处理程序将需要处理arguments数组以检索每个Promise的结果。