为什么使用reduce来解决顺序Promises问题

2018-10-23

不使用Promise对象的来编写异步JavaScript的情况非常类似于闭着眼睛烘烤蛋糕。虽然能做到，但它会变得混乱，你可能会把自己玩坏。

我可没说必须用Promise，但你理解我的意思。它真的很棒。但有时候，它需要一些帮助来解决一些独特的挑战，例如当你试图按顺序，解决一串promises时。这样的例子很常见，例如，当您需要对一批AJAX返回的数据排序时，您希望服务器处理这些事情，但不能同时处理，而是按照时间顺序一件件处理。

如果不使用有助于简化此任务的软件包（如Caolan McMahon的异步库），那么解决顺序promise问题的最普遍的方案是使用Array.prototype.reduce()。你可能听说过它。它接收一组参数，对参数中的每个元素应用函数，最终将其简化为单个值并返回，如下所示：

let result = [1,2,5].reduce((accumulator, item) => {
  return accumulator + item;
}, 0); // <-- Our initial value.
console.log(result); // 8

不过，对于上面提过的顺序promise问题使用reduce()，代码看起来是这样的：

let userIDs = [1,2,3];
userIDs.reduce( (previousPromise, nextID) => {
  return previousPromise.then(() => {
    return methodThatReturnsAPromise(nextID);
  });
}, Promise.resolve());

或者，以更新的格式：

let userIDs = [1,2,3];
userIDs.reduce( async (previousPromise, nextID) => {
  await previousPromise;
  return methodThatReturnsAPromise(nextID);
}, Promise.resolve());