一尘不染

JavaScript将一个Deferreds数组传递给$ .when()

javascript

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对象。


阅读 444

收藏
2020-04-25

共1个答案

一尘不染

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

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

在ES6中,可以改为使用...传播运算符:

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

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

2020-04-25