Promise 是 JavaScript 中异步编程中常用的工具，它可以让异步操作更加容易管理和可读性更高，而 Promise.all() 是其中一种经典的用法，它可以让多个 Promise 同时启动，等到所有 Promise 都完成后才让整个 Promise 完成。不过 Promise.all() 存在一个缺点，就是如果其中的一个 Promise 出错或者被拒绝，整个 Promise 都会被拒绝，对开发者的 debug 和错误处理造成困难。
ECMAScript 2020 引入了 Promise.allSettled() 方法，解决了 Promise.all() 存在的问题，使得多个异步操作可以同时进行，并等待所有操作完成后返回结果，返回的结果是一个数组，其中每个条件对应于每个输入的 Promise，并且其状态为一个字符串，表示如果操作成功还是失败。Promise.allSettled() 能够更好地处理异常情况，在处理能力和健壮性方面都有所提高。
接下来让我们来深入了解 Promise.allSettled() 方法，并看一看它如何优化我们的前端开发。
Promise.allSettled() 方法的语法
Promise.allSettled() 的语法很简单，其基本语法如下：
Promise.allSettled(iterable)
其中，iterable 参数是一个可迭代对象，例如数组或者是具有迭代能力的对象，可以包含任意多的 Promise。
Promise.allSettled() 方法的返回值
当所有的 Promise 都完成后，Promise.allSettled() 会返回一个数组，其中每个数组项都包含两个值：
status：标明 Promise 的状态，它是一个字符串，有两个可能的值：fulfilled 表示成功和 rejected 表示失败。value：Promise 的返回值，如果 Promise 被拒绝，它将是一个带有拒绝原因的 Error 对象。
Promise.allSettled() 方法的示例代码
以下是一个使用 Promise.allSettled() 的示例代码：
-- -------------------- ---- ------- ----- -------- - - ------------------------ - ----------- ------------------ -------------- - ------------ ------------------------ - ----------- -- ---------------------------- -------------- -- - -------------------- -- -------------- -- - ------------------- ---展开代码
结果输出如下：
-- -------------------- ---- ------- - - ------- ------------ ------ -------- - --------- -- - ------- ----------- ------- ------ ------- - -------- -- ---------------- -- --- ------- ------------- --- -- - ------- ------------ ------ -------- - --------- - -展开代码
该示例中定义了三个 Promise，第一个和第三个 Promise 都是成功的，第二个是拒绝的。运行 Promise.allSettled() 方法后，控制台将输出一个数组，其中包含三个条目。第一个和第三个元素的 status 为 'fulfilled'，并且由于它们都是成功的，所以 value 属性将包含每个 Promise 的返回值；第二个元素的 status 为 'rejected'，reason 属性是一个 Error 对象，它存储着 Promise2 被拒绝的原因。
Promise.allSettled() 方法的指导意义
Promise.allSettled() 有很多优点，如下：
- Promise.allSettled() 对错误处理友好，它不会因为其中的 Promise 出错而导致整个 Promise 被拒绝。
- Promise.allSettled() 保证在所有 Promise 完成之后返回自下而上的结果，它不会像 Promise.all() 那样在第一个 Promise 出错时就返回结果。
- Promise.allSettled() 可以在处理多个异步任务时提高可读性和可维护性。
但同样，它也存在一些限制：
- Promise.allSettled() 方法在旧版浏览器上不支持，需要将代码转译或使用 polyfill 实现。
- 由于 Promise.allSettled() 方法返回的数组中可能会包含拒绝的 Promise，因此在使用该方法时，必须小心处理拒绝情况，以防止代码因拒绝而导致失败。
在现代前端开发中，使用 Promise.allSettled() 可以提高代码的可维护性和适应性。它能够优雅地处理 Promise 状态的变化，并保证代码的全面性，从而更好地满足开发者的需要。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d643a2a941bf7134bf61c1
