在前端开发中，异步编程是一个很常见的问题。为了解决这个问题，JavaScript 中提出了 Promise 对象，通过它可以更方便地对异步调用进行处理。ES9 中，引入了 Promise.allSettled() 方法，这个方法能够处理一组异步操作，并等待它们全部结束。
Promise.allSettled() 的作用
Promise.allSettled() 的作用是等待指定的所有 Promise 对象都完成，无论这些对象是成功还是失败。而另一个与它紧密相关的方法，Promise.all() 则不同，当有一个 Promise 对象被拒绝时，Promise.all() 就会立即拒绝，并返回一个 reject() 状态的 Promise 对象。
举个例子，假设我们需要向服务器请求两份数据，一份是用户信息，另一份是用户的订单信息。我们希望两份请求都完成后处理数据，而不介意任一一份请求是成功还是失败。我们可以使用以下代码实现：
----- -------- - -----------------------
----- -------- - -------------------------
----------------------------- ----------
------------- -- -
-- ----
--
------------ -- -
-- ----
--这段代码中，Promise.allSettled() 接收一个 Promise 对象数组，当两个请求执行完成后，它将以数组的形式作为参数传递给 .then()。否则，如果任一一个请求失败，则触发 .catch() 处理错误。
Promise.allSettled() 的使用方法及用例
Promise.allSettled() 方法返回的是一个 Promise 对象，指示着所有的 Promise 对象都已经完成，结果包含了每个 Promise 对象的结果，不受成功或失败的影响。其结果的格式如下：
- - ------- ------------ ------ ----- -- - ------- ----------- ------- ------ - -
其中，status 表示 Promise 对象的状态是完成状态还是拒绝状态；value 表示如果 Promise 对象是完成状态的话，这个值就是对象的 resolve 值；reason 表示如果 Promise 对象是拒绝状态的话，这个值就是对象的 reject 值。
使用 Promise.allSettled() 方法的好处在于，即使其中一个 Promise 对象被拒绝，在执行 .then() 方法时也不会出错，而只需处理异步操作的结果即可。这个方法的使用场景非常广泛，可以用于监测用户操作时多个异步操作的完成情况，也可以用于在处理数据时保证数据完整性等。
总结
ES9 中新增的 Promise.allSettled() 方法，可以在多个异步操作执行并结束后将结果以数组的形式返回，无论这些操作是成功还是失败。Promise.allSettled() 方法让异步编程变得更加便捷和易处理，同时也能更好地体现出 Promise 的强大。
举一个在实际编程中容易遇到的例子，假如我们在前端页面需要先加载多张图片，再执行一些操作。如果使用 Promise.all() 进行异步操作的等待，则无论其中任何一个图片加载失败，这个方法都会直接返回错误。而使用 Promise.allSettled() 则可以在加载失败时对错误进行处理，提高用户体验。
最后，推荐使用 Promise.allSettled() 方法来处理多个并发的异步请求。如果我们需要关注操作是否被拒绝或者只是关心完成状态，那么 ES9 新功能可以帮助我们更好地完成这个任务。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6493943048841e9894138535