如何在 JavaScript ES6 Promise for 循环中实现异步链接？

具有异步链接的 JavaScript ES6 Promise for 循环

在提供的代码中，尝试创建一个迭代 10 次的 for 循环，并为每个循环创建一个 Promise迭代。然而，循环同步执行，导致不可预测的输出。目标是确保每个 Promise 仅在前一个 Promise 解决后运行。

Promisifying setTimeout

为了方便解决方案，我们定义了一个名为的辅助函数承诺 setTimeout 函数的延迟：

const delay = ms => new Promise(resolve => setTimeout(resolve, ms));

创建异步 Promise

为了确保异步执行，我们创建一个立即解析的初始 Promise。每个后续的 Promise 都链接到前一个 Promise：

let p = Promise.resolve();
for (let i = 0; i < 10; i++) {
    p = p.then(() => delay(Math.random() * 1000))
         .then(() => console.log(i));
}

这种方法确保每次循环迭代都会创建一个 Promise，该 Promise 在前一个 Promise 完成后解析。 console.log(i) 语句将以正确的顺序执行，打印 0 到 9 的值。

以上是如何在 JavaScript ES6 Promise for 循环中实现异步链接？的详细内容。更多信息请关注PHP中文网其他相关文章！