在前端异步编程中，Promise 是一个非常强大的工具。然而，在某些情况下，我们需要等待多个 Promise 完成后再执行一些操作。这时，如何同步多个 Promise 变得非常重要。本文将介绍如何解决这个问题。
问题描述
假设有三个 Promise 对象：p1、p2 和 p3。我们需要在这三个 Promise 都完成后执行一些操作，该怎么办呢？
一种直观的思路是使用 Promise 的 then 方法链式调用。例如：
---------- -- - ------ --- ---------- -- - ------ --- ---------- -- - ---------------- -------- --- ----------- ---
但这种方法存在一个问题，即如果其中某个 Promise 被拒绝（rejected），整个 Promise 链都会中止。因此，我们需要一种更加严谨和鲁棒的方式来同步多个 Promise。
Promise.all 方法
Promise.all 方法可以接受一个 Promise 数组，并返回一个新的 Promise 对象。该 Promise 对象将在数组中所有 Promise 成功完成后被解决，或者在任何一个 Promise 被拒绝后被拒绝。
因此，我们可以使用 Promise.all 方法来同步多个 Promise：
---------------- --- ------------ -- - ---------------- -------- --- ----------- ----------- -- - --------------- ----- --- ------- -- ----------- ---
Promise.allSettled 方法
Promise.allSettled 方法可以接受一个 Promise 数组，并返回一个新的 Promise 对象。该 Promise 对象将在数组中所有 Promise 完成后被解决，不管是否有 Promise 被拒绝。
因此，我们可以使用 Promise.allSettled 方法来同步多个 Promise：
----------------------- --- ------------ -- - ---------------- -------- --- ---------- ---
总结
在前端异步编程中，同步多个 Promise 是一种常见的需求。本文介绍了两种方法：Promise.all 和 Promise.allSettled。使用这些方法可以方便地同步多个 Promise，提高代码的可读性和可维护性。
示例代码如下：
----- -- - --- ----------------- ------- -- -
------------- -- -
----------- -----------
-- ------
---
----- -- - --- ----------------- ------- -- -
------------- -- -
----------- -----------
-- ------
---
----- -- - --- ----------------- ------- -- -
------------- -- -
----------- -----------
-- ------
---
---------------- --- ------------ -- -
---------------- -------- --- -----------
----------- -- -
--------------- ----- --- ------- -- -----------
---
----------------------- --- ------------ -- -
---------------- -------- --- ----------
---来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/31544