标签导航:

promise.all中promise执行顺序如何确定?

探究 Promise.all 中 Promise 的执行顺序

疑问:

在使用 Promise.all 时,多个 Promise 的执行顺序是如何确定的?

解答:

Promise 实例创建后会立即执行。因此,Promise.all 中各个 Promise 的执行顺序取决于它们在输入数组中的顺序。如果在数组中直接创建 Promise 实例,则执行顺序与数组索引一致(从左到右)。

实际应用场景:

例如,在使用 Puppeteer 时,需要先点击一个按钮,再等待页面跳转完成。这种场景就需要保证操作的先后顺序。

解决方案:

由于 Promise.all 并不能保证执行顺序,正确的做法是使用 await 逐个执行:

await page.click(selector, clickOptions);
const [response] = await Promise.all([page.waitForNavigation(waitOptions)]);

这种方法确保了 page.click 先执行,然后等待 page.waitForNavigation 完成。