近几年，前端技术发展日新月异，新的 ECMAScript 规范也在不断地推出，其中 ES8 增加了一个新的 Promise 方法，即 Promise.allSettled()。这篇文章将详细介绍这个方法的使用方法，以及它在实际应用中的指导意义。
Promise.allSettled() 方法简介
Promise.allSettled() 方法接受一个由多个 Promise 对象组成的可迭代对象，并返回一个新的 Promise 对象，该 Promise 对象在所有 Promise 对象都已经完成（fulfilled 或 rejected）之后才被解决（settled）。
使用方法示例
假设有三个 Promise 对象，分别返回如下结果：
const promises = [
Promise.resolve('a'),
Promise.reject('b'),
Promise.resolve('c')
]在 ES8 之前，我们可能会使用 Promise.all() 方法来处理这个需求：
Promise.all(promises)
.then(results => {
console.log(results)
})
.catch(error => {
console.error(err)
})这段代码会返回一个 rejected Promise，因为其中一个 Promise 对象被拒绝了。然而，在 ES8 中，我们可以使用 Promise.allSettled() 方法解决这个问题：
Promise.allSettled(promises)
.then(results => {
console.log(results)
})这段代码会返回一个 settled Promise，Promise 对象的状态信息将以对象形式保存在结果数组中：
[
{ status: 'fulfilled', value: 'a' },
{ status: 'rejected', reason: 'b' },
{ status: 'fulfilled', value: 'c' }
]这个结果数组中的每个对象都包含了 Promise 对象的状态信息，我们可以通过这些信息做出进一步的处理。
##应用指导
Promise.allSettled() 方法的出现弥补了 Promise.all() 方法一些不足之处。Promise.all() 方法当遇到一个 Promise 被拒绝时就会立即返回（并且跳过其他 Promise）。而 Promise.allSettled() 方法则会等到所有 Promise 都完成之后才返回。这对于在处理异步操作时进行一些后续处理非常有用。
例如，在前端页面中，我们需要从后端拉取多个数据源并进行更新。其中某些数据源的更新可能会失败，但我们仍然需要将所有更新的结果展示给用户。我们可以使用 Promise.allSettled() 方法来实现这一点。
-- -------------------- ---- -------
----- -------- - -
-------------
-------------
------------
-
----------------------------
------------- -- -
-----------------
--在 updateUI 函数中，我们可以根据 Promise 的状态展示不同的提示信息，例如“数据更新成功”或“数据更新失败”。
总结
在 ES8 中，Promise.allSettled() 方法的出现增强了 Promise 对象在前端应用中的可用性和实用性。它通过返回一个 settled Promise，提供了一些方便的状态信息，帮助开发者更好地处理异步操作。我们应该在实际的开发过程中加以使用，以提高代码的可靠性和维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6496752048841e98943a1b32