你编写了一些基于 Promise 的代码，一切都进展顺利，然后繁荣——一个小小的 Promise 被拒绝，整个链条就会崩溃。
你的代码逐渐停止，你想知道为什么 JavaScript 不能忽略这个小问题并继续它的快乐之路。好吧，朋友，我有好消息要告诉你吗？
来认识一下Promise.allSettled()，你的新最好的朋友和你从来不知道自己需要的承诺。Promise.allSettled()是一个游戏规则改变者，让您等待所有承诺得到解决（解决或拒绝），然后根据结果采取行动。
不再有被破坏的承诺链或未处理的拒绝。只是纯粹、纯粹的幸福承诺。和我一起深入研究这个鲜为人知但非常有用的 Promise 方法，看看它能在多大程度上简化你的异步 JavaScript代码。
（更|多优质内|容：java567 点 c0m）
什么是 Promise.allSettled()？
您想要使用 JavaScript 的 Promise.allSettled() 方法，但不太确定它是如何工作的或者为什么要使用它？不用担心，我已经为您提供了保障。
Promise.allSettled()等待你给它的所有承诺得到解决，意味着解决或拒绝。然后，它返回一个对象数组，其中包含每个承诺的状态和值或原因。
当您希望确保已完成多个异步任务，但不一定关心其中某些任务是否失败时，这非常有用。
例如，假设您有三个返回 Promise 的 API 调用，并且您希望从成功的调用中获取所有数据，即使其中一个调用失败。你可以这样做：
Promise.allSettled([apiCall1(), apiCall2(), apiCall3()]).then((results) => {});
这将运行所有三个 API 调用，并且.then()在它们全部解决后将调用回调。结果数组将包含三个对象：每个承诺一个，其状态为“已完成”和数据，或者“已拒绝”和错误。
我们可以过滤以获取成功的调用，然后继续使用该数据。
要记住的关键事项是：
-
Promise.allSettled()等待所有输入承诺解决并返回其结果。
-
已解决意味着已解决（已实现）或已拒绝。
-
它返回一个对象数组，其中包含每个输入承诺的状态和值/原因。
-
即使有人拒绝，它也允许处理成功的承诺。
问题与Promise.all()解决方案Promise.allSettled()
Promise.all()当您想要等待多个 Promise 完成并获取所有已解析值的数组时，这非常有用。但它有一个主要缺点：如果任何一个承诺被拒绝，整个Promise.all()承诺都会立即被拒绝。
在某些情况下这可能会出现问题。例如，假设您向三个不同的后端服务发出请求，只要其他两个服务成功，您并不真正关心其中一个是否失败。使用 时Promise.all()，单个被拒绝的 Promise 将拒绝整个组，并且您会错过其他 Promise 的成功响应。
幸运的是，有一个简单的解决方案：Promise.allSettled()。其工作原理与此类似，Promise.all()但如果任何 Promise 拒绝，它不会立即拒绝，而是等待所有 Promise 解决（解决或拒绝），然后返回一个对象数组，其中包含每个 Promise 的状态和值/原因。
例如：
Promise.allSettled([
Promise.resolve(1),
Promise.reject(new Error("2")),
Promise.resolve(3),
]).then((results) => {
// results is an array of:
// {status: "fulfilled", value: 1}
// {status: "rejected", reason: Error}
// {status: "fulfilled", value: 3}
});
正如您所看到的，即使第二个承诺被拒绝，我们仍然从其他承诺中获得解析值。这使您能够优雅地处理拒绝，而不会错过任何成功的回复。
Promise.allSettled()在这些类型的情况下提供了更大的灵活性。您可以全面了解所有承诺，无论是否有一些拒绝，因此您仍然有机会利用任何已解决的值并适当处理拒绝。
因此，下次当您需要等待多个 Promise 但又不能因为拒绝而错过任何已解决的值时，请务必使用Promise.allSettled()！这是对Promise API 的一个非常有用的补充。
常见问题Promise.allSettled()
会Promise.allSettled()减慢我的代码速度吗？
并不真地。Promise.allSettled()只需等待您传递给它的所有承诺通过履行或拒绝来解决。它不会做任何其他会影响性能的事情。
我还能发现错误吗Promise.allSettled()？
是的，你绝对可以！Promise.allSettled()将为您提供每个承诺的结果，无论是履行还是拒绝。
对于任何被拒绝的 Promise，您都会得到拒绝的原因，通常是错误。.catch()您可以在调用的处理程序中捕获这些错误Promise.allSettled()。
我什么时候应该使用Promise.allSettled()vs Promise.all()？
Promise.allSettled()当您想要并行运行多个 Promise，但不希望单个被拒绝的 Promise 导致整个组拒绝时使用。
例如，如果您从多个第三方 API 获取数据，则一个 API 被拒绝的承诺不应阻止您从其他 API 获取数据。
Promise.all()当您想要并行运行 Promise 但需要它们全部成功完成才能使代码继续运行时，请使用。
例如，如果您需要从两个 API 获取数据以在页面上显示，则您希望在呈现数据之前满足这两个承诺。
我能得到已达成的承诺的结果吗？
是的！Promise.allSettled()返回一个对象数组，其中包含每个承诺的状态和值/原因。例如：
Promise.allSettled([
Promise.resolve(1),
Promise.reject(new Error("2")),
Promise.resolve(3),
]).then((results) => {
console.log(results);
/*
[
{ status: "fulfilled", value: 1 },
{ status: "rejected", reason: Error: 2 },
{ status: "fulfilled", value: 3 }
]
*/
});
您将获得有关所有承诺的信息，无论它们是履行还是拒绝，因此您可以全面了解并行操作。
结论
所以你有它。Promise.allSettled()这是一种你从来不知道自己需要的便捷方法。
您不再需要仅用Promise.all()try/catch 来处理潜在的拒绝。您可以让我们Promise.allSettled()为您处理所有这些事情，而只关注已解决的值。您的异步代码将更加干净且易于阅读。