如何使jQuery Deferred对象以另一个延迟的“已解决/已拒绝”状态解析/拒绝?

时间:2013-07-17 14:26:20

标签: javascript jquery jquery-deferred deferred

我正在编写几个有效延迟对象的函数,这些函数依赖于其他延迟对象的不同组合。

function takesOneSecond() {
    return $.Deferred(function(deferred) {
        // Does something...
    }).promise();
}

function takesOneMinute() {
    return $.Deferred(function(deferred) {
        // Does something...
    }).promise();
}

function takesThreeMinutes() {
    return $.Deferred(function(deferred) {
        // Does something...
    }).promise();
}

function mySwitchingFunction() {

    return $.Deferred(function(deferred) {

        // Does something here..
        // Effectively chooses one of several other functions to call.

        if(/* choose 1 second */) {

            // We tie ourselves to the '1 second' function.

            // Call that function.
            takesOneSecond().done(function() {

                deferred.resolve(); // If that's done, I'm done too.

            }).fail(function() {

                deferred.reject(); // If that failed, I've failed too.

            });

        } else if(/* choose 1 minute */) {

            // Etc..

        } else if(/* choose 3 minutes */) {

            // Etc..

        }

    }).promise();

}

我正在编写这段代码,是否有其他方法可以制作延迟镜像或级联相同的“已解决”或“被拒绝”的另一种延迟状态?

takesOneSecond().done(function() {
    deferred.resolve(); // If that's done, I'm done too.
}).fail(function() {
    deferred.reject(); // If that failed, I've failed too.
});

2 个答案:

答案 0 :(得分:1)

我想你可能不理解承诺。使用promise的.then方法(jQuery中的管道< 1.8),您可以返回一个新的promise等等。这就是你建立承诺链的方式。

这是一个类似于你想要做的事情的例子:

function returnOne() {
  return $.Deferred(function( dfr ) {
     dfr.resolve( 1 );
  }).promise();
}

// Number will be the result of the original Deferred/Promise
function addTwo( num ) {
    return $.Deferred(function( dfr ) {
        dfr.resolve( num + 2 );
    }).promise();
}

returnOne().then( addTwo ).then(function( result ) {
    // Will be 3
    console.log( result );
});

使用该逻辑,您可以根据需要过滤承诺的解决或拒绝,包括仅使用相同的值重新解析或拒绝,但可能会做一些中间工作

答案 1 :(得分:1)

我认为你根本不需要构建新的承诺。只要回复第一个承诺。

function mySecondFunction() {
    // Does something here..
    // Effectively chooses one of several other functions to call.
    // In this case, assume I've just chosen the 'myFirstFunction' function.

    // Call that function and return its promise
    return myFirstFunction();
}

如果您想强调“同时”部分但可能使用不同的值解析,您可以通过链接.then来创建一个新的:

function mySecondFunction() {
    return myFirstFunction().then(function(resultOfFirst) {
        // but ignore it and
        return differentResult;
    }); // errors will propagate automatically
}