ES10 中引入了 Promise.allSettled 方法，该方法可以用来处理异步任务结果的状态，无论是否成功。在前端开发中，异步任务错误处理是一个比较重要的问题。使用 Promise.allSettled，可以更好地处理异步任务的错误，提高开发效率和应用程序的稳定性。
Promise.allSettled 方法的介绍
Promise.allSettled 方法返回一个 Promise 实例，该实例会处理传入的多个 Promise 对象的状态，并返回一个数组，包含每个 Promise 的结果状态。与 Promise.all 不同的是，即使其中一个 Promise 失败了，Promise.allSettled 也会对其进行处理，不会导致整个异步操作失败。
Promise.allSettled 的语法如下：
Promise.allSettled(iterable);
其中，iterable 是一个可迭代对象，如数组。
Promise.allSettled 返回一个 Promise 对象，例如：
-- -------------------- ---- ------- ----- -------- - - ------------------- ------------------ ------------------- -- ------------------------------------------- -- - --------------------- ---展开代码
输出结果如下：
[ { status: "fulfilled", value: 1 }, { status: "rejected", reason: 2 }, { status: "fulfilled", value: 3 } ]
Promise.allSettled 方法的应用
在实际开发中，我们可以使用 Promise.allSettled 方法来处理异步任务的结果状态。例如，我们需要从一个 API 中获取多个数据，但每个数据的获取方式可能不同，有些可能会出现错误。我们可以使用 Promise.allSettled 来实现这个功能，如下所示：
-- -------------------- ---- ------- ----- --------- - ----- -------- -- - ------ ---------- -------- -------------- -- - -- ------------- - ------ ---------------- - ---- - ----- --- -------------- -------- --- --- ----- - -- ------------ -- - -------------------- --- - ------- ---- --- ----- ------------ --------------- ------ ----- --- -- ----- ---- - - --------------------------------------------- --------------------------------------------- --------------------------------------------- -- ----- ------------- - ------------ -- ---------------- ------------------------------------------------ -- - ------------------------ ------ -- - -- -------------- --- ------------ - ----------------- ------- - --- ---------------------------------- - ---- - ----------------- ------- - --- ------ ---- ------- --------------------------- - --- ---展开代码
在上面的代码中，我们使用了一个 fetchData 函数封装了 fetch 方法，并对请求结果进行了处理。通过 urls.map(url => fetchData(url))，我们可以获取多个数据，并将结果存储在 fetchPromises 数组中。最后，我们使用 Promise.allSettled 来统一处理 fetchPromises 中每一个 Promise 对象的状态。如果 Promise 状态为 fulfilled，我们将打印出获取到的数据；如果 Promise 状态为 rejected，我们将打印出错误信息。
Promise.allSettled 方法的优势和指导意义
使用 Promise.allSettled 方法可以明显提高代码的健壮性和可读性，因为它可以处理异步任务的错误，不会因为一个 Promise 失败而导致整个异步操作失败。同时，我们可以更加灵活和方便地处理异步任务的结果状态，可以根据状态执行不同的操作，这有助于提高应用程序的开发效率和稳定性。
小结
使用 Promise.allSettled 方法可以处理异步任务的结果状态，无论是否成功，并提供了更加灵活和方便的错误处理方式。在实际开发中，我们应使用 Promise.allSettled 来提高代码的健壮性和可读性，以及提高应用程序的开发效率和稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67c1f539314edc2684adf880
