javascript - 如何在 $.Deferred.then failedFilter 回调中执行异步操作并传回成功链？

Question

以下内容将在处理错误后将流程传递回成功链:

asyncThatWillFail().then(null, function () {
    //handle error
    return $.Deferred().resolve();
}).then(nextSuccessCallback);

但在我的特定场景中，我需要使用 $.when.apply($, promises) 在错误处理程序中执行多个并行异步操作。方法:

asyncThatWillFail().then(null, function () {
    var promises = [];
    for (var i = 0; i < 3; i++) {
        var dfd = $.Deferred();
        setTimeout(function () {
            dfd.resolve();
        }, 1000);
        promises.push(dfd.promise());
    }
    return $.when.apply($,promises);
}).then(nextSuccessCallback);

我原以为上述内容会起作用，因为我正在返回最终会得到解决的 promise 。这个jsFiddle但显示在执行我的错误处理程序后，不会调用以下成功或错误回调。

由于错误处理程序中的操作是异步的，我不能直接通过返回发送一些已解析的值。不知道从这里去哪里。

Answer 1

你现在的问题是闭包……只有 3 循环中最后创建的 Promise 才会由于闭包而得到解决

asyncThatWillFail().then(null, function () {
    log("error handler");
    var promises = [];
    for (var i = 0; i < 3; i++) {
        (function() { // IIFE for a closure
            var dfd = $.Deferred();
            setTimeout(function () {
                dfd.resolve();
            }, 1000);
            promises.push(dfd.promise());
        }());
    }
    return $.when.apply(null,promises);
}).then(nextSuccessCallback, nextFailCallback);

function asyncThatWillFail () {
    var dfd = $.Deferred();
  setTimeout(function(){
      dfd.reject();
  }, 1000)
  return dfd.promise();
}

function nextSuccessCallback () {
    log("success");
}

function nextFailCallback () {
  log("failure");
}

function log (msg) {
    $("#logger").append("<p>"+msg+"</p>");
}

查看更新的fiddle