在 ES11 中，JavaScript 引入了一个新的 Promise 方法，即 Promise.allSettled()。该方法可以让开发者更加方便地处理多个 Promise 对象的状态，从而提高代码的可读性和可维护性。
什么是 Promise？
在介绍 Promise.allSettled() 方法之前，我们先来了解一下 Promise。
Promise 是一种 JavaScript 异步编程的方法，可以让我们更加方便地处理异步操作。它可以将异步操作封装成一个 Promise 对象，并在异步操作完成后，根据异步操作的结果来改变 Promise 对象的状态。
Promise 对象有三种状态：
- Pending（进行中）：Promise 对象刚被创建时的状态，表示异步操作正在进行中；
- Fulfilled（已完成）：异步操作成功完成后的状态，表示 Promise 对象已经成功返回了结果；
- Rejected（已拒绝）：异步操作发生错误时的状态，表示 Promise 对象已经返回了错误信息。
Promise 对象的状态只能从 Pending 转变为 Fulfilled 或 Rejected。一旦 Promise 对象的状态发生了转变，就无法再次改变。
Promise.allSettled() 方法是什么？
Promise.allSettled() 方法是 ES11 中新增的一个 Promise 方法，用于同时处理多个 Promise 对象的状态。
它接受一个 Promise 数组作为参数，并返回一个新的 Promise 对象。当所有的 Promise 对象都完成时，该 Promise 对象的状态会变为 Fulfilled；当其中任意一个 Promise 对象被拒绝时，该 Promise 对象的状态会变为 Rejected。
与 Promise.all() 方法不同的是，即使其中的某个 Promise 对象被拒绝，Promise.allSettled() 方法仍然会等待所有的 Promise 对象都完成后才会改变状态。同时，Promise.allSettled() 方法返回的 Promise 对象的值是一个数组，其中包含了所有 Promise 对象的状态和结果。
Promise.allSettled() 方法的语法
Promise.allSettled(iterable)
参数：
- iterable：一个可迭代的对象，如数组或字符串。
返回值：
- 一个 Promise 对象，当所有 Promise 对象都完成时，该 Promise 对象的状态会变为 Fulfilled。
Promise.allSettled() 方法的示例代码
以下是一个使用 Promise.allSettled() 方法的示例代码：
-- -------------------- ---- -------
----- -------- - -------------------
----- -------- - ------------------------
----- -------- - -------------------
----------------------------- --------- ----------
--------------- -- -
---------------------
--
-------------- -- -
-------------------
---在上面的代码中，我们定义了三个 Promise 对象：一个成功的 Promise 对象 promise1，一个被拒绝的 Promise 对象 promise2，以及另一个成功的 Promise 对象 promise3。
我们将这三个 Promise 对象传递给 Promise.allSettled() 方法，并使用 then() 方法来处理返回的 Promise 对象。当所有的 Promise 对象都完成时，then() 方法中的回调函数会被执行，该回调函数的参数 results 是一个数组，包含了所有 Promise 对象的状态和结果。
如果其中任意一个 Promise 对象被拒绝，catch() 方法中的回调函数会被执行，该回调函数的参数 error 是拒绝的 Promise 对象的错误信息。
Promise.allSettled() 方法的指导意义
使用 Promise.allSettled() 方法，可以更加方便地处理多个异步操作的结果，并且不需要担心其中任意一个异步操作失败会导致整个程序崩溃。
同时，Promise.allSettled() 方法返回的 Promise 对象的值是一个数组，其中包含了所有 Promise 对象的状态和结果。这使得开发者可以更加方便地对异步操作的结果进行处理，从而提高代码的可读性和可维护性。
在实际项目中，我们可以使用 Promise.allSettled() 方法来处理多个异步操作的结果，例如同时获取多个 API 的数据，或者同时上传多个文件等等。
结论
在本文中，我们介绍了 ES11 中新增的 Promise 方法：Promise.allSettled()。我们了解了 Promise 对象的状态，以及如何使用 Promise.allSettled() 方法来处理多个异步操作的结果。
Promise.allSettled() 方法的语法和示例代码也在本文中进行了详细的说明。最后，我们讨论了 Promise.allSettled() 方法的指导意义，以及在实际项目中如何使用它来提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675fea3b03c3aa6a56fa7f97