在 ES10 中使用 Promise.allSettled() 处理异步任务的健壮性
前言
随着前端应用的复杂度不断提升，异步编程已经成为了我们日常开发中必不可少的一环。然而，在开发中我们常常遇到多个异步任务需要并行执行，且需要知道所有任务执行的结果后才能进行下一步操作。这时，我们一般会使用 Promise.all() 方法来实现。
但是，在使用 Promise.all() 方法时，如果其中任意一个 Promise 对象出现了错误，我们的应用就会直接抛出异常并终止执行，导致无法正确执行后面的代码。为解决这个问题，ES10 中引入了 Promise.allSettled() 方法，能够更好地处理多个异步任务的执行结果，保证应用的健壮性和稳定性。
Promise.all() 方法的问题
Promise.all() 方法接收一个由多个 Promise 对象组成的数组作为参数，然后返回一个新的 Promise 对象。当所有 Promise 对象都成功地执行完毕后，该 Promise 对象才会被返回，并且返回结果是一个由这些 Promise 对象的结果组成的数组。否则，只要其中有任意一个 Promise 对象出现了错误，则该 Promise 对象就会直接抛出异常。
下面是一个基本的 Promise.all() 方法示例：
-- -------------------- ---- -------
----- -------- - ------------------------ ----
----- -------- - --- ----------------- ------- -- -
------------- -- ---------------- ---- ------
---
----- -------- - ----------------------- ----
---------------------- --------- ----------
-------------- -- -
--------------------
--
-------------- -- -
---------------------
---在这个示例中，我们定义了三个 Promise 对象，分别代表 "Promise 1"、"Promise 2" 和 "Promise 3"。其中，Promise 1 和 Promise 2 执行成功，Promise 3 执行失败。当我们执行 Promise.all() 方法时，控制台将会输出 Promise 3 的错误信息并终止执行。
Promise.allSettled() 方法的优势
在 Promise.all() 方法中，只有当所有 Promise 对象都执行成功时，我们才能获得执行结果。而 Promise.allSettled() 方法则不同，它会等到所有 Promise 对象都执行完毕后，再返回一个由每个 Promise 对象执行状态组成的数组，无论这些 Promise 对象是否执行成功。
下面是一个 Promise.allSettled() 方法的示例：
-- -------------------- ---- -------
----- -------- - ------------------------ ----
----- -------- - --- ----------------- ------- -- -
------------- -- ---------------- ---- ------
---
----- -------- - ----------------------- ----
----------------------------- --------- ----------
--------------- -- -
---------------------
--
-------------- -- -
---------------------
---在这个示例中，我们调用了 Promise.allSettled() 方法，并传入了三个 Promise 对象。当执行完毕后，控制台将会输出下面的结果：
[
{ status: 'fulfilled', value: 'Promise 1' },
{ status: 'fulfilled', value: 'Promise 2' },
{ status: 'rejected', reason: 'Promise 3' }
]从结果可以看出，这个方法返回了一个数组，每个数组元素都是一个包含 Promise 对象执行状态信息的对象。其中，执行成功的 Promise 对象包含 status 和 value 两个属性；执行失败的 Promise 对象则包含 status 和 reason 两个属性。
Promise.allSettled() 的应用场景
使用 Promise.allSettled() 方法可以处理多个异步任务之间的执行结果，无论这些异步任务是否全部执行成功。因此，它非常适用于以下几个场景：
- 执行多个异步任务，但不关心它们是否全部执行成功；
- 在多个异步任务执行并发时，等待所有任务结束后统一处理结果；
- 解决 Promise.all() 方法中出现的问题，保证应用的健壮性和稳定性。
总结
在本文中，我们介绍了 ES10 中新增的 Promise.allSettled() 方法，并通过示例代码对比了它与 Promise.all() 方法的不同之处。使用 Promise.allSettled() 方法可以更好地处理多个异步任务的执行结果，保证应用的健壮性和稳定性。希望读者能够掌握此方法的使用技巧，在实际开发中合理地应用异步编程，提高应用的效率和质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6497b7ce48841e98944c010b