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()
我知道有人可以像这样将对象传递给函数,$.when(deferred1, deferred2, ..., deferredX)但是未知我要解决的实际问题中执行多少个Deferred对象。
$.when(deferred1, deferred2, ..., deferredX)
要将值数组传递给通常希望它们是单独参数的 任何 函数,请使用Function.prototype.apply,因此在这种情况下,您需要:
Function.prototype.apply
$.when.apply($, my_array).then( ___ );
在ES6中,可以改为使用...传播运算符:
...
$.when(...my_array).then( ___ );
在这两种情况下,由于您不太可能事先知道.then处理程序需要多少个形式参数,因此该处理程序将需要处理arguments数组以检索每个Promise的结果。
.then
arguments