使用 async/await 动态生成一系列 Promise

Question

比如说，我需要按顺序重复一个 AJAX 请求 N 次。

通常（即没有 async/await），我会使用 reduce 链接承诺：

function timeout (ms = 1000) {
  return new Promise(resolve => setTimeout(resolve, ms))
}

function request (message, ms = 1000) {
  return timeout(ms).then(() => console.log(message))
}

function makeArray (i) {
  return new Array(i).fill(null);
}

makeArray(5).reduce(
  (promise, _, i) => promise.then(() => request(i)),
  Promise.resolve()
)

如何用 async/await 重写这段代码？

我想做await request(i)，而不是promise.then(() => request(i))。

我所有的尝试最终都并行运行了 Promise。我想要顺序。

Answer 1

记住await 只能从async 函数中调用。

这里我刚刚封装了一个函数 run，它甚至可以是一个 IIFE..

在大多数情况下，当您开始使用 async / await 时，无论如何您都会从另一个 async 函数调用，因此不需要这个小的 run 存根。

function timeout (ms = 1000) {
  return new Promise(resolve => setTimeout(resolve, ms))
}

function request (message, ms = 1000) {
  return timeout(ms).then(() => console.log(message))
}

async function run() {
  for (let trys = 0; trys < 5; trys ++) {
    await request(trys);
  }
}

run();