javascript - 如何使用 promise 的 for 循环

Question

我想用 promise 做异步 for 循环。
所以我在下面写了一段代码。

const fetchData = function (num) {
  return new Promise((resolve, reject) => {
    if (num === 0) {
      setTimeout(() => {
        resolve(num);
      }, 3000);
    }
    if (num !== 0) {
      resolve(num);
    }
  });
};

for (let i = 0; i < 3; i += 1) {
  fetchData(i).then((i) => {
    console.log(i);
  });
}

我想得到结果，

0
1
2

但是，我得到了，

1
2
0

如何在 for 循环中正确使用 use promise？

非常感谢。

Answer 1

使用 async/await 使它变得简单

注意 IIFE，因为你需要一个函数 async 来使用 await

const fetchData = function(num) {
  return new Promise((resolve, reject) => {
    if (num === 0) {
      setTimeout(() => {
        resolve(num);
      }, 3000);
    }
    if (num !== 0) {
      resolve(num);
    }
  });
};
(async() => {
  for (let i = 0; i < 3; i += 1) {
    await fetchData(i).then((i) => {
      console.log(i);
    });
  }
})();