在 ES10 中使用 Promise.allSettled，有了 Promise.all 不一样的优雅求解
在前端开发中，异步编程是一个非常重要的概念。在 JavaScript 中，Promise 是一种常用的异步编程方式，它可以让我们更加优雅地处理异步操作。在 ES6 中，Promise.all 方法可以让我们同时处理多个 Promise 对象，但是如果其中有一个 Promise 失败了，整个操作就会失败。在 ES10 中，新增了 Promise.allSettled 方法，它可以让我们更加优雅地处理多个 Promise 对象，即使其中有一个 Promise 失败了，也不会影响其他 Promise 的执行。
Promise.all 方法的用法
在 ES6 中，Promise.all 方法可以让我们同时处理多个 Promise 对象，代码如下：
----- -------- - -------------------
----- -------- - -------------------
----- -------- - -------------------
---------------------- --------- ----------
------------ -- -
-------------------- -- --- -- --
---上面的代码中，我们创建了三个 Promise 对象，然后使用 Promise.all 方法来处理它们。当所有的 Promise 对象都成功时，Promise.all 返回一个包含所有 Promise 对象结果的数组，否则返回一个失败的 Promise 对象。
Promise.all 方法的问题
尽管 Promise.all 方法可以同时处理多个 Promise 对象，但是如果其中有一个 Promise 失败了，整个操作就会失败。这种情况下，我们需要手动处理 Promise 失败的情况。例如：
----- -------- - -------------------
----- -------- - ------------------ -----------------
----- -------- - -------------------
---------------------- --------- ----------
------------ -- -
--------------------
--
------------ -- -
--------------------------- -- --------
---上面的代码中，我们故意让第二个 Promise 失败，然后在 Promise.all 的回调函数中处理失败情况。这样做会让代码变得复杂，而且容易出错。
Promise.allSettled 方法的用法
在 ES10 中，Promise.allSettled 方法可以让我们更加优雅地处理多个 Promise 对象，即使其中有一个 Promise 失败了，也不会影响其他 Promise 的执行。代码如下：
----- -------- - -------------------
----- -------- - ------------------ -----------------
----- -------- - -------------------
----------------------------- --------- ----------
------------- -- -
---------------------
---上面的代码中，我们使用 Promise.allSettled 方法来处理三个 Promise 对象。当所有的 Promise 对象都执行完毕后，Promise.allSettled 返回一个包含所有 Promise 对象结果的数组，每个结果都包含 Promise 对象的状态和结果或原因。例如，上面的代码输出结果如下：
- - ------- ------------ ------ - -- - ------- ----------- ------- ------ ------ -- ---------------- -- - ------- ------------ ------ - - -
从结果可以看出，Promise.allSettled 方法返回了一个包含三个结果的数组，每个结果都包含 Promise 对象的状态和结果或原因。这样，我们就可以更加方便地处理多个 Promise 对象的结果。
总结
在 ES10 中，Promise.allSettled 方法可以让我们更加优雅地处理多个 Promise 对象，即使其中有一个 Promise 失败了，也不会影响其他 Promise 的执行。这种方式可以让我们更加方便地处理多个 Promise 对象的结果，避免了手动处理 Promise 失败的情况。在实际开发中，我们应该根据需要选择合适的方式来处理异步操作，提高代码的可读性和可维护性。
示例代码
----- -------- - -------------------
----- -------- - ------------------ -----------------
----- -------- - -------------------
----------------------------- --------- ----------
------------- -- -
---------------------
---来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65fec3a1d10417a2229f9c5b