JS/jQuery 承诺

Question

我尝试使用 jQuery 处理 JS 承诺。 我有一连串这样的承诺：

function myPromisesChain(data)
{
    return $.when(data)
        .then(firstStep)
        .then(secondptStep)
        .then(thirdStep)
        // ...n Step
        .then(finalStep)
        .always(function(data){
            console.log('FINISHED: ' + JSON.stringify(data));
        });
}

这很好，但是如果我需要在循环中执行一个步骤，该怎么办？伤心，但到目前为止我找不到正确的语法......我期待这样的事情（大约）：

    function myPromisesChain(data)
{
    return $.when(data)
        .then(firstStep)
        .then(secondptStep)            
        .then(function(data){
            var counter = 0;
            var limit = 3;
            while(counter<limit){
                  thirdStep(data.transaction[counter]);
                  counter++;
            }
            return data;
        })
        // ...n Step
        .then(finalStep)
        .always(function(data){
            console.log('FINISHED: ' + JSON.stringify(data));
        });
}

问题是循环中的函数本身就是一个承诺。

Answer 1

每个then 方法都返回一个新的Promise，在另一个then 上调用then 意味着，您正在对前一个then 返回的Promise 调用第二个then。

所以你可以保存之前then返回的Promise的引用，并使用它绑定新的then。

需要循环内的IIFE来保存执行时对计数器值的引用

function myPromisesChain(data) {
    var promise = $.when(data)
        .then(firstStep)
        .then(secondptStep);

    var counter = 0;
    var limit = 3;
    while (counter < limit) {
        promise = (function (counter) {
            return promise.then(function(data) {
                return thirdStep(data.transaction[counter]);
            });
        })(counter++);
    }

    return promise
        // ...n Step
        .then(finalStep)
        .always(function (data) {
            console.log('FINISHED: ' + JSON.stringify(data));
        });
}

Answer 2

.then 中的函数应该返回一个 Promise。假设 thirdStep 确实返回了一个 Promise，您可以随时将其返回值添加到一个数组中，然后使用 Promise.all 确保它们都已解决。

.then(function(data) {
    var counter = 0;
    var limit = 3;
    var returns = [];
    while(counter<limit){
        returns.push(thirdStep(data.transaction[counter]));
        counter++;
    }
    return Promise.all(returns);
})