JavaScript：同步执行一系列promise

Question

我有一个需要在循环中执行的请求promise，比如：

var ids = [1,2,3];
doPromise(1).then(function(){
  doPromise(2).then(function(){
    doPromise(3);
  }
})

问题是我永远不知道数组中有多少元素，所以我需要一个动态模式。有没有可能混合同步和异步世界，以便在一个时刻只有一个请求是活动的（序列不重要）？

Answer 1

依次迭代数组的一种经典方法是，在每个数组元素上调用一些异步操作，方法是使用。减少（）并链接到一个初始promise，如下所示：

问题是我永远不知道数组中有多少元素，所以我需要一个动态模式。

您可以使用promise链将它们逐个排序。为此，使用.reduce（）迭代数组非常有用，因为它提供了正确的迭代类型，可以在迭代数组时跟踪累积值（在本例中是一个promise）。您可以使用额外的变量使几乎任何数组迭代方案工作，这与.reduce（）：

var ids = [1,2,3,4,5,6,7];
ids.reduce(function(p, item) {
    return p.then(function() {
        return doPromise(item);
    });
}, Promise.resolve()).then(function(results) {
    // all done here with array of results
});

这会将已解析的promise传递给作为promise链头的ids.reduce（）。然后，它对该promise执行.Then（），并为数组中的每个项返回一个新promise（通过.reduce（）回调）。.reduce（）调用的最终结果将是一个promise，解决后意味着整个链都完成了。

理解这一点的关键是要记住，p.then（）返回一个新的promise，所以我们只是继续调用。然后（）对每个新promise，我们从每个中的每个操作返回promise。然后（）处理程序。这具有将所有promise链接到一个顺序链中的效果。

是否可以混合使用同步和异步世界，以便一个时刻只有一个请求处于活动状态（顺序不重要）？

我不知道你说的“混合同步和异步世界”是什么意思。确保一次只有一个请求在运行的方法是将它们依次排列，以便下一个请求仅在前一个请求完成时启动。这也恰好保证了执行顺序，尽管您说这在本例中并不重要，但这是确保一次只执行一个的副产品。

下面是一个工作片段：

function log(msg) {
    var d = document.createElement("div");
    d.textContent = msg;
    document.body.appendChild(d);
}

function doPromise(x) {
    return new Promise(function(resolve) {
        setTimeout(function() {
            log(x);
            resolve(x);
        }, Math.floor(Math.random() * 1000));
    });
}

var ids = [1,2,3,4,5,6,7];
ids.reduce(function(p, item) {
    return p.then(function() {
        return doPromise(item);
    });
}, Promise.resolve()).then(function() {
    // all done here
    log("all done");
});