javascript - 如何向 promise 链动态添加新 promise

Question

我想创建 promise 链，然后根据需要向其中动态添加尽可能多的 promise 。这些添加可能在一些具有动态步骤数的循环中，所以我不能使用像 .then().then().then... 这样的链。下面的代码工作不正常，但你会明白的。结果应该是控制台在 3、4 和 5 秒内记录了 3000、4000、5000 个数字，但实际上不是这样工作的。有什么想法吗？

let launchChain = function(delay)
{
  return new Promise((resolve: Function, reject: Function) => {
    setTimeout(() => {
      console.log(delay);
      resolve();
    }, delay)
  })
}

let chain = launchChain(3000);

chain.then(function () {
  return launchChain(4000);
})

chain.then(function () {
  return launchChain(5000);
})

Answer 1

所以用过reduce还有这个site

var delays = [0, 1000, 2000, 3000, 4000];

function workMyCollection(arr) {
  return arr.reduce(function(promise, item) {
    return promise.then(function() {
      return launchChain(item);
    });
    // uses this orignal promise to start the chaining.
  }, Promise.resolve());
}

function launchChain(delay) {
  return new Promise(function(resolve, reject) {
    setTimeout(function() {
      console.log(delay);
      resolve();
    }, delay);
  });
}

workMyCollection(delays);

[编辑]:另一种方式

var delays = [0, 1000, 2000, 3000, 4000];
var currentPromise = Promise.resolve();

for (let i = 0; i < delays.length; i++) {
  // let makes i block scope .. var would not have done that
  currentPromise = currentPromise.then(function() {
    return launchChain(delays[i]);
  });
}

function launchChain(delay) {
  return new Promise(function(resolve, reject) {
    setTimeout(function() {
      console.log(delay);
      resolve();
    }, delay);
  });
}

如果这对你有用，请告诉我:)感谢这个问题，我学到了很多东西!