在前端开发中，异步操作是非常常见的。Promise 是一种处理异步操作的方式，可以更好的控制异步操作的流程和结果。其中，Promise.allSettled() 方法可以同时处理多个异步操作，并返回所有操作的结果，无论成功或失败。但是，正确使用 allSettled() 方法需要注意一些细节。
什么是 allSettled 方法
Promise.allSettled() 方法返回一个 Promise 对象，该对象在所有给定的 Promise 都已经 resolved 或 rejected 后，才会 resolve。返回的结果是一个数组，数组中的每个元素都是一个对象，表示对应的 Promise 结果。
Promise.allSettled([promise1, promise2, promise3]) .then(results => console.log(results)) .catch(error => console.log(error));
如何正确使用 allSettled 方法
1. 处理异常情况
在使用 Promise.allSettled() 方法时，需要注意异常情况的处理。如果其中一个 Promise 被 rejected，allSettled() 方法也会被 rejected。因此，需要使用 .catch() 方法来处理异常情况。
Promise.allSettled([promise1, promise2, promise3]) .then(results => console.log(results)) .catch(error => console.log(error));
2. 处理结果
allSettled() 方法返回的结果是一个数组，数组中的每个元素都是一个对象，表示对应的 Promise 结果。因此，需要使用 .then() 方法来处理结果。
-- -------------------- ---- -------
----------------------------- --------- ----------
------------- -- -
---------------------- -- -
-- -------------- --- ------------ -
--------------------------
- ---- -
---------------------------
-
---
--
------------ -- --------------------3. 处理超时
在使用 Promise.allSettled() 方法时，需要注意可能会出现超时的情况。如果其中一个 Promise 没有在规定时间内完成，allSettled() 方法也会被 rejected。因此，需要使用 Promise.race() 方法来处理超时情况。
-- -------------------- ---- -------
----------------------------- --------- --------- ----------------------- ------------------
------------- -- -
---------------------- -- -
-- -------------- --- ------------ -
--------------------------
- ---- -
---------------------------
-
---
--
------------ -- --------------------示例代码
-- -------------------- ---- -------
-- -----
----- -------- - --- ----------------- ------- -- -
------------- -- -
----------------- -----------
-- ------
---
-- -----
----- -------- - --- ----------------- ------- -- -
------------- -- -
---------------- -----------
-- ------
---
-- -----
----- -------- - --- ----------------- ------- -- -
------------- -- -
----------------- -----------
-- ------
---
-- -----
----- -------- - --- ----------------- ------- -- -
------------- -- -
----------------- -----------
-- ------
---
-- ----
----- -------------- - --- ----------------- ------- -- -
------------- -- -
------------------
-- ------
---
-- -- ---------- --------
----------------------------- --------- --------- ----------------------- ------------------
------------- -- -
---------------------- -- -
-- -------------- --- ------------ -
--------------------------
- ---- -
---------------------------
-
---
--
------------ -- --------------------总结
Promise.allSettled() 方法可以同时处理多个异步操作，并返回所有操作的结果，无论成功或失败。在使用该方法时，需要注意异常情况的处理、结果的处理和超时的处理。合理使用 allSettled() 方法，可以更好的控制异步操作的流程和结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/655dc13dd2f5e1655d807f68