最后一个完成时调用函数

Question

我敢肯定，这个问题之前似乎已经被问过很多次了，但这不是典型的异步 JS 问题“如何仅在另一个函数完成时才调用函数？”。

所以我的场景如下：我需要使用 AJAX 加载一组相当繁重的数据，即按比赛周安排的比赛列表。我设置了一系列承诺，当它们都完成后，一旦我在 DOM 中获得了所有匹配项，我就会做其他事情。我有这样的事情：

var promises = [];
for (var i = 1; var i <= lastWeek; i++)
  promises.push($.ajax({
    url: "week/" + i,
    success: { ... }
  }));

$.when.apply($, promises).done(someFunction);

但是我注意到这会立即触发所有请求，并且可能会阻塞服务器端的进程并通常会出现故障。所以我想我会以不同的方式处理这个问题，而不是一次提出所有这些请求，我在第一周提出一个，一旦完成，我会提出以下要求，依此类推：

function loadWeek(week, last) {
  $.get("week/" + i, function (response) {
    // do whatever with the response
    // make the request for the next week
    if (week + 1 <= last)
      loadWeek(week + 1, last);
  });
}

现在我当然不能使用$.when，因为承诺是在前一个完成时动态生成的。

我想知道 JS 或 jQuery 是否提供了一种方法来在上周加载后向someFunction 函数（只有在加载所有匹配项后才应调用的函数）发出信号。

当然，你可以说，只要在week + 1 > last 时调用它，对吗？好吧，我仍然需要使用 Promise，因为这个 someFunction 不仅需要等待这些匹配项被加载，还需要等待另一个 Promise 完成。

所以当我说我这样做时，你可以说我撒了一点谎：

$.when.apply($, promises).done(someFunction);

实际上，promises 实际上除了匹配列表之外还有更多的函数调用，而someFunction 应该有直到所有都完成。

Answer 1

好的，让我们分解一下，如果我理解正确，您想要以下内容

A- 按顺序加载几周

function loadWeek(week, last) {
    var deferred = $.Deferred();

    (function request(week, last) {
        $.get("week/" + i, function (response) {
            // do whatever with the response
            // make the request for the next week
            if (week + 1 <= last)
                request(week + 1, last);
            else
               deferred.resolve();
        });
    })(week, last);

    return deferred.promise();
}

B- 同时加载其他内容

function otherStuff() {
    // return some promise
}

C- 当 A 和 B 完成后调用 someFunction

var promises = []
promises.push(loadWeek(1, 10));
promises.push(otherStuff(...));
$.when.apply($, promises).done(someFunction);

Answer 2

有多种方法，但最简单的方法之一是对您的尝试进行一些小调整（请参阅***）：

function loadWeek(week, last, done) {      // ***
  $.get("week/" + i, function (response) {
    // do whatever with the response
    // make the request for the next week
    if (week + 1 <= last) {
      loadWeek(week + 1, last, done);      // ***
    } else {                               // ***
      done();                              // ***
    }                                      // ***
  });
}

然后只将 other 承诺推送到 promises（不是来自上述 loadWeek 的承诺），并且：

loadWeek(1, lastWeek, function() {
    $.when.apply($, promises).then(someFunction);
});

Answer 3

你想要一个在 Promise 时运行的函数，并且一个函数完成。小解决方法：

 var c=0;
 function callbyboth(){
 c++;
 if(c==2){
  //both executed
  //run your code
 }
 }

在你的承诺上添加这个

Promise.then(callbyboth);

在递归函数处：

if(week+1>=last){
  callbyboth();
}else{
 //recursion
}