随着 ECMAScript 6 (ES2015) JavaScript 规范的发布，2015 年出现了一些承诺，让我们作为开发人员在处理异步操作时的体验变得更加简单。
如果您学习或使用 JavaScript，您可能已经使用过 Promise.all() 或 Promise.race()。为了让开发人员的生活更加轻松，随着最新版本 JavaScript 的发布，我们可以访问两个新的 Promises 方法：Promise.allSettled() 和 Promise.any()（分别为 ES11 和 ES2021）。
但是它们之间有什么区别以及我们什么时候应该使用它们？
Promise.all 与 Promise.allSettled：关注结果
Promise.race 与 Promise.any：专注于速度
想象一下，您正在开发一个应用程序，在某个时刻需要执行不同的 API 调用。如果这些调用彼此独立，一个好的选择是同时执行所有调用，除了使代码更加简洁之外，还可以提高应用程序的性能。
async function buscarDadosParalelo() {
const [usuarios, produtos] = await Promise.all([
fetch('/api/usuarios').then(resp => resp.json()),
fetch('/api/produtos').then(resp => resp.json()),
]);
return { usuarios, produtos };
}
Promise.all() 当您需要确保所有 Promise 都成功 并且函数在执行其他操作之前收到所需的所有结果时
非常有用。 >async function buscarDadosParaleloComFalhas() {
const resultados = await Promise.allSettled([
fetch('/api/usuarios').then(resp => resp.json()),
fetch('/api/produtos').then(resp => resp.json()),
]);
// Verificar cada resultado individualmente:
const dados = resultados.map(resultado => {
if (resultado.status === 'fulfilled') {
return resultado.value;
} else {
console.error(resultado.reason);
return null;
}
});
return dados;
}
Promise.allSettled() 如果任何 Promise 以失败结束，则不会阻止应用程序，此外允许单独处理每个调用的成功或错误。它就像一个状态报告，等待所有请求得到解决或拒绝，并允许用户评估和处理每个案例。
返回摘要
另一方面，当我们谈论 Promise.race() 和 Promise.any() 时，我们讨论的是处理一组异步操作中的第一个响应的方法。
async function buscarDadosParalelo() {
const [usuarios, produtos] = await Promise.all([
fetch('/api/usuarios').then(resp => resp.json()),
fetch('/api/produtos').then(resp => resp.json()),
]);
return { usuarios, produtos };
}
Promise.race() 当我们需要快速响应时非常有用 - 第一个可用的返回，无论是成功还是错误。它还广泛与超时一起使用，如上例，以确保我们在限定时间内有任何响应，并且可以防止缓慢的请求继续消耗资源。
async function buscarDadosParaleloComFalhas() {
const resultados = await Promise.allSettled([
fetch('/api/usuarios').then(resp => resp.json()),
fetch('/api/produtos').then(resp => resp.json()),
]);
// Verificar cada resultado individualmente:
const dados = resultados.map(resultado => {
if (resultado.status === 'fulfilled') {
return resultado.value;
} else {
console.error(resultado.reason);
return null;
}
});
return dados;
}
Promise.any() 当您需要至少一个请求成功完成时很有用，非常适合后备和冗余，如何从多个来源（CDN、本地等）加载资源或在失败时连接到不同的服务器。
返回摘要
在日益异步的数字世界中，了解如何在 JavaScript 中管理多个同时操作已成为开发人员的一项基本技能。在本文中，我们通过一些示例探讨了一些重要的 Promise 方法，展示了它们各自的工作原理，更重要的是，您何时以及为何应该选择其中一种。
下次再见（我保证我很快就会回来）！
以上是Explorando 承诺：.all 与 .allSettled / .race 与 .any的详细内容。更多信息请关注PHP中文网其他相关文章！
