随着前端技术的不断发展和升级，我们现在在处理多个 Promise 的结果时可以使用 ES8 中引入的 Promise.allSettled() 方法。该方法可以处理多个 Promise 并返回所有 Promise 的结果，而不需要考虑在处理 Promise 的过程中是否出现错误或 Promise 处理的速度是否一致，这为开发者在实现异步编程时提供了很多便利。
Promise.allSettled() 方法的用法
Promise.allSettled() 方法可以接受一个包含多个 Promise 的数组，并在所有 Promise 都执行完毕后返回所有 Promise 的结果。与 Promise.all() 不同的是，Promise.allSettled() 无论 Promise 状态是 fulfilled 还是 rejected 都将返回结果，以便我们更清楚地了解每个 Promise 的处理结果。
下面是 Promise.allSettled() 方法的语法：
Promise.allSettled(iterable);
其中，参数 iterable 是一个可迭代对象（如数组），该数组中的每个元素都是一个 Promise 对象。
Promise.allSettled() 方法的返回值
Promise.allSettled() 方法返回一个 Promise 对象，该对象在所有 Promise 执行完毕后都会被解决（resolved）。返回的 Promise 当中包含一个数组，该数组的每个元素都是一个对应的 Promise 执行信息对象（FulfilledObject 或 RejectedObject），每个 Promise 执行信息对象包括以下属性：
- status：该 Promise 的状态，可以是 "fulfilled" 或 "rejected"。
- value：如果 Promise 的状态是 fulfilled，则该属性为 Promise 的解决（resolve）值；如果 Promise 的状态是 rejected，则该属性为 Promise 的拒绝（reject）原因。
Promise.allSettled() 方法的示例
下面是 Promise.allSettled() 方法的一个示例，我们将使用该方法同时处理多个 Promise 并返回它们的结果。
-- -------------------- ---- ------- ----- -------- - - ------------------------ - ------------ ------------------ -------------- - ------------ ------------------------ - ----------- -- ---------------------------- ------------- -- - ---------------------- -- - -------------------------- -------------- --- -- ------------ -- - --------------------- ---展开代码
上面的代码中，promises 数组包含三个 Promise，其中第二个 Promise 被拒绝。使用 Promise.allSettled() 方法处理这三个 Promise 后，我们得到了以下输出结果：
fulfilled Promise 1 fulfilled rejected Error: Promise 2 rejected fulfilled Promise 3 fulfilled
可以看到，该方法返回了所有 Promise 的执行结果，包括被拒绝的 Promise 的原因。
Promise.allSettled() 方法的注意事项
在使用 Promise.allSettled() 方法时，需要注意以下事项：
- 该方法仅在所有 Promise 都执行完毕后才会返回结果，因此在处理速度不一致的 Promise 时需要格外注意。
- 该方法是 ES8 引入的新特性，如果代码需要在旧版浏览器中运行，需要配置 Babel 等工具将代码转换为 ES5。
- 由于该方法返回的数组中包含了所有 Promise 的执行结果，因此其内存占用较大，需要格外注意内存管理。
结语
使用 ES8 中的 Promise.allSettled() 方法可以更方便地处理多个 Promise 并返回所有 Promise 的执行结果。在实际编程中，我们需要根据具体要求合理使用该方法，并注意其带来的一些注意事项，以便更好地提升代码的可读性和编写效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67bd8500a231b2b7ed00ea26
