
探究 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 完成。

