如何使用 jQuery 延迟承诺顺序执行许多任务？

Question

我正在使用供应商 API 来访问其服务。该服务作为 jQuery 延迟对象公开。对于一个完整的业务任务，我用伪代码做这样的事情。

service.do('reset').then( function ( result) {
    return service.setValue(valObj);
}).then ( function (result) {
    return service.do('runTask');
}).then ( function ( result ) {
    return service.getResult(query);
}).then ( function (result){
    console.log('finally done with One task');
});

每个 service.XXX 都是底层的 REST API 调用，回调函数带回 REST 响应。为简单起见，我省略了每个结果的使用方式。

现在我需要在单个业务任务中以严格的端到端顺序执行此服务 100 次。上面的代码需要执行100次：上一个完成然后开始下一个。

在 javascript 中构建此类需求的好方法是什么？我正在使用 ReactJS 和 jQuery。

Answer 1

如果你真的只是想一遍又一遍地执行相同的事情，你可以把它放在一个函数中，并在链中的最后一步完成时调用该函数：

var cntr = 0;
function run() {
    if (cntr++ > 1000) return;
    service.do('reset').then( function ( result) {
        service.setValue(valObj).then ( function (result) {
            service.do('runTask').then ( function ( result ) {
                service.getResult(query).then ( function (result){
                    console.log('finally done with One task');
                    run();
                });
            });
        });
    });
}

run();

---

仅供参考，您不必将事物嵌套得那么深。你可以像这样链接你的承诺：

var cntr = 0;
function run() {
    if (cntr++ > 1000) return;
    service.do('reset').then( function ( result) {
        return service.setValue(valObj);
    }).then ( function (result) {
        return service.do('runTask');
    }).then ( function ( result ) {
        return service.getResult(query);
    }).then ( function (result){
        console.log('finally done with One task');
        run();
    });
}

run();

Answer 2

尝试使用相同的递归函数

(function tasks(n, complete) {
    return n < complete ? Promise.resolve("a").then(function(result) {
        return Promise.resolve(result + "b").then(function(result) {
            return Promise.resolve(result + "c").then(function(result) {
                return Promise.resolve(result + "d").then(function(result) {
                    console.log("finally done with " + n + " task", result + "" + n);
                }).then(tasks.bind(null, n+1, complete));
            });
        });
    }) : console.log("complete", n, complete)
}(0, 100))

Answer 3

尝试以下方法：

var i = 100;
window.running = false;

while (i > 0 && !window.running) {
    window.running = true;
    i--;

    service.do('reset').then( function ( result) {
        service.setValue(valObj).then ( function (result) {
            service.do('runTask').then ( function ( result ) {
                service.getResult(query).then ( function (result){
                    //...

                    window.running = false;
                });
            });
        });
    });
}