在日常的前端开发中，我们通常会使用 Promise 来处理异步操作，但是 Promise 也不是万能的，往往在应用程序中会遇到 Promise 运行的问题。ES9 中引入的 Promise.allSettled() 方法可以帮助我们解决这些问题。
Promise.allSettled() 是什么？
Promise.allSettled() 方法返回一个 Promise，该 Promise 在所有给定的 Promise 被解决或拒绝后会解决，解决后返回一个包含每个 Promise 结果的对象数组，每个对象表示对应的 Promise 结果（无论成功与否）。
与 Promise.all() 方法不同的是，Promise.all() 方法如果有任何一个 Promise 被拒绝（rejected），则返回的 Promise 立即被拒绝，且拒绝原因是第一个被拒绝的 Promise 的拒绝原因。
Promise.allSettled() 的指导意义
Promise.allSettled() 方法的引入，使得我们在处理多个 Promise 时更加方便。对于一个 Promise 数组，如果其中一个 Promise 被拒绝，Promise.all() 方法会直接拒绝，剩下的 Promise 就不会执行。如果我们想要对所有 Promise 进行处理，使用 Promise.allSettled() 就是最好的选择。
Promise.allSettled() 简单示例
-- -------------------- ---- -------
-- --------- -------
-------- ---------------- ----- -
------ --- --------------- -- -
------------- -- --------------- -----
--
-
----- -------- - -
------------------ ------
------------------ -------------- ---------
------------------ ------
---------------- -----
-
----------------------------
------------- -- -
---------------------- -- -
-- -------------- --- ------------ -
---------------------- ------ -- -------------
- ---- -
--------------------- ------- -- ----------------------
-
--
--在这个示例中，我们模拟了四个异步操作：第一个和第三个操作需要等待 1 秒和 2 秒分别执行，第二个操作被拒绝，第四个操作需要等待 3 秒执行。
我们将这些任务放在一个 Promise 数组中，然后使用 Promise.allSettled() 方法处理这些 Promise 数组。最终返回的结果是一个对象数组，每个对象都表示一个 Promise 的结果，无论它成功还是失败。
在结果中，我们可以通过检查每个对象的 status 属性来确定它是成功还是失败。如果是成功的，我们可以通过访问 value 属性来访问 Promise 的结果。如果是失败的，我们可以通过访问 reason 属性来访问 Promise 的拒绝原因。
如果我们使用 Promise.all() 方法来处理这些 Promise，那么当第二个操作被拒绝时，返回的 Promise 会立即被拒绝，并且不会进一步执行，而剩余的操作不会得到执行。
结论
在处理异步操作和 Promise 时，我们通常会遇到一些问题。ES9 中引入的 Promise.allSettled() 方法对于我们来说是一个非常有用的工具，它可以用于处理包含多个 Promise 的数组，无论是否成功都能返回结果。如果你需要处理多个异步操作，考虑使用 Promise.allSettled() 方法来处理它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674fc285fbd23cf8906f8406