Promise.allSettled 是一个非常有用的 Promise 方法，它可以在所有 Promise 都完成或被拒绝之后执行某个函数。不同于 Promise.all，Promise.allSettled 会等待所有 Promise 的状态都已经确定之后才会执行回调函数，并且会返回包含每个 Promise 状态的数组，之后你可以根据每个 Promise 的实际操作来执行下一步操作。
在这篇文章中，我们将深入了解关于 Promise.allSettled 的所有内容，包括其语法、用法和示例。这将有助于你更好地理解和使用这个方法，提高自己在前端开发中的技能。
Promise.allSettled 的语法和用法：
Promise.allSettled 的语法和用法非常简单，其基本语法如下：
Promise.allSettled(iterable)
.then((results) => {
// 所有 promises 都完成或被拒绝后，执行某个函数
})
.catch((err) => {
// 错误处理逻辑
})从上述代码中，我们可以看到 Promise.allSettled 接受一个可迭代的对象，比如数组，其中包含若干个 Promise 对象。一旦所有 Promise 对象都变成已完成状态，该方法就会执行一个then回调函数。这时，results参数将包含所有 Promise 对象的状态结果，结果顺序与输入顺序相同
示例代码：
让我们看一下一个简单的示例代码，如何使用 Promise.allSettled 判断所有的数据是否正确返回。
-- -------------------- ---- -------
----- -------- - --- ----------------- ------- -- -
------------- -- -
------------- -- ----
-- -----
--
----- -------- - --- ----------------- ------- -- -
------------- -- -
---------- --------------- -- ----
-- -----
--
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------- -- ----
-- -----
--
----------------------------- --------- ----------
------------- -- -
---------------------- -- -
-------------------
--
--从上面的代码中，我们可以看到定义了三个 Promise 对象，分别模拟了正确返回、拒绝和正确返回三种情况。我们使用 Promise.allSettled 方法将这三个 Promise 对象放在数组中，并调用 then 方法处理所有 Promise 对象的结果。
在每个 Promise 对象的状态结果中，我们可以看到包含一个 status 和 value 或者 reason 属性。当 Promise 对象完成时，status 将设置为 fulfilled，并且值将包含在 value 属性中。如果 Promise 对象被拒绝，则 status 将设置为“rejected”，并且拒绝原因将包含在 reason 属性中。
如果 Promise 对象没有解决，则 Promise.allSettled 将返回一个拒绝的 Promise 对象，其原因是最后的 Promise 对象无法解决。因此，我们可以在 catch 块中处理所有未完成或拒绝的 Promise 对象的结果。
结论：
Promise.allSettled 是一个非常有用的 Promise 方法，可以在所有 Promise 对象都完成或被拒绝时执行回调函数，可以返回包含每个 Promise 状态的数组，从而让你根据每个 Promise 的实际操作来执行下一步操作。因此，你可以在实际开发中使用它来简化代码，提高开发效率。如果你是一个前端开发人员，建议开始学习和使用 Promise.allSettled，这将有助于你在日常开发工作中提高自己的技能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6707ac38d91dce0dc86b40c1