javascript - jquery 中链式延迟的条件

Question

假设我像这样链接了 $.Deferred。

$.each(data, function(k, v) {
    promise.then(function() {
        return $.post(...);
    }).then(function(data) {
        if(data)... // here is the conditions
        return $.post(...);
    }).then(function(data) {
        if(data)... // here is another condition
        return $.post(...);
    })
});

promise.done(function() {
    console.log("All Done!");
});

我做的对吗？如果条件返回 false，我如何阻止下一个链执行，我应该在哪里执行此操作:

if(data){
   console.log('Success');
}

该代码可以在那些 .then 之间吗？

Answer 1

Joey，你做的是否正确取决于你想要实现的目标的细节。

如果你正在尝试构建一个带有终端 .done() 的长 .then() 链，其中每个 .then() 的“完成”处理程序:

• 调用一个异步进程，或者
• 透明地将数据传递到链中的下一个 .then()

那么，代码应该是下面的形式:

var promise = ...;//An expression that returns a resolved or resolvable promise, to get the chain started.

$.each(data, function(k, v) {
    promise = promise.then(function() {//The `.then()` chain is built by assignment 
        if(data...) { return $.post(...); }
        else { return data; }//Transparent pass-through of `data`
    }).then(function(data) {
        if(data...) { return $.post(...); }
        else { return data; }//Transparent pass-through of `data`
    });
});

promise.done(function() {
    console.log("All Done!");
}).fail(function(jqXHR) {
    console.log("Incomplete - an ajax call failed");
});    

但是，如果您尝试执行相同的操作，但每个 .then() 的“完成”处理程序要么:

• 调用一个异步进程，或者
• 中断 .then() 链

那么，代码应该是下面的形式:

var promise = ...;//An expression that returns a resolved or resolvable promise, to get the chain started.

$.each(data, function(k, v) {
    promise = promise.then(function(data) {
        if(data...) { return $.post(...); }
        else { return $.Deferred().reject(data).promise(); }//Force the chain to be interrupted
    }).then(function(data) {
        if(data...) { return $.post(...); }
        else { return $.Deferred().reject(data).promise(); }//Force the chain to be interrupted
    });
});

promise.done(function() {
    console.log("All Done!");
}).fail(function(obj) {//Note: `obj` may be a data object or an jqXHR object depending on what caused rejection.
    console.log("Incomplete - an ajax call failed or returned data determined that the then() chain should be interrupted");
});