试图用 .then、.fail 和 .reject 打破 jQuery 承诺链

Question

更新：这个问题是 jQuery 1.7 vs 1.8 的结果。永远不要在 1.7 中使用 Promise，因为它们不能通过在 .then 中返回 Promise 进行链接。 1.8 看起来他们没有搞砸。

http://jsfiddle.net/delvarworld/28TDM/

// make a promise
var deferred = $.Deferred();
promise = deferred.promise();

// return a promise, that after 1 second, is rejected
promise.then(function(){
    var t = $.Deferred();
    setTimeout(function() {
        console.log('rejecting...');
        t.reject();
    }, 1000);

    return t.promise();
});

// if that promise is successful, do this
promise.then(function() {
    console.log('i should never be called');
})

// if it errors, do this
promise.fail(function() {
    console.log('i should be called');
});

deferred.resolve();

预期：'我应该被调用'

实际：'我永远不应该被调用'

问题：我想要链接回调并让其中任何一个能够打破链接并触发fail 函数，并跳过其他链接的回调。我不明白为什么所有的thens都被触发而fail没有被触发。

我来自 NodeJS 的 Q 库，所以我先用.then 进行了尝试。但是，将其更改为.pipe 没有任何效果。

Answer 1

你没有重新定义promise的值，试试这个：

http://jsfiddle.net/28TDM/1/

var deferred = $.Deferred();
promise = deferred.promise();

promise = promise.then(function(){
    var t = $.Deferred();
    setTimeout(function() {
        console.log('rejecting...');
        t.reject();
    }, 1000);

    return t.promise();
});

promise.then(function() {
    console.log('i should never be called');
})

promise.fail(function() {
    console.log('i should be called');
});

deferred.resolve();

显然它确实按照您想象的方式工作，只是没有记录https://api.jquery.com/deferred.then。很酷。这是 jQuery 1.8.0 中添加的新功能，他们很可能只是没有更新文档。

Answer 2

恕我直言，你没有链接任何东西。 您的第二个.then 与第一个.then 所附加的承诺相同。

为什么？

请注意，then 将始终返回新的承诺，而不是更改它所附加的承诺。没有副作用。

例如：

var promiseX = promiseA
                 .then(function() { return promiseB; })
promiseX.then(function() { return promiseC; });

promiseA 不会改变它的值 附上then;它会保持原样。

promiseX将是第一个then的返回值，即promiseB。

所以第二个then实际上附加到promiseB。

这正是@Kevin B 在他的回答中所做的。

---

另一个解决方案是，由于.then 将返回新的承诺，您可以像下面这样链接.then 函数。

var promiseX = promiseA
                 .then(function() { return promiseB; })
                 .then(function() { return promiseC; });

这一次，第一个then 附加到promiseA，猜猜第二个then 附加到哪个promise？

你是对的。这是promiseB，而不是promiseA。因为第二个then实际上是附加到第一个then的返回值上的，即promiseB。

最后将第二个then的返回值赋值给promiseX，所以promiseX等于promiseC。

好的，回到 OP 的问题。以下代码是我的答案。

var deferred = $.Deferred();
promise = deferred.promise(); // this is the first promise

promise.then(function(){ // callbacks for 1st promise
    var t = $.Deferred();
    setTimeout(function() {
        console.log('rejecting...');
        t.reject();
    }, 1000);
    return t.promise(); // this is the 2nd promise
    // return $.Deferred().reject(); // To reject immediately.
}).then(function() { // callbacks for 2nd promise
    console.log('i should never be called');
}, function() {
    console.log('i should be called');
})

deferred.resolve();