Promise.allSettled与any区别详解

今日不肯埋头，明日何以抬头！每日一句努力自己的话哈哈~哈喽，今天我将给大家带来一篇《JavaScript的Promise组合方法allSettled和any是用于处理多个Promise对象的工具，它们在错误处理和结果聚合方面有不同的行为和用途。以下是它们的详细说明及使用差异：一、Promise.allSettled作用：Promise.allSettled接收一个Promise数组，并返回一个新的Promise。这个新Promise会在所有输入的Promise都完成（无论是成功还是失败）后才被解决。特点： 不会因为某个Promise被拒绝而提前终止。返回的结果是一个包含每个Promise状态的对象数组，格式为：[ { status: 'fulfilled', value: ... }, { status: 'rejected', reason: ... } ]适用场景： 当你需要知道所有异步操作的结果，不管成功与否时，比如批量请求数据或执行多个任务，即使部分失败也要继续处理。示例： const p1 = Promise.resolve(3); const p2 = new Promise((resolve, reject) => setTimeout(reject, 100, 'Oops')); const p3 = fetch('https://example.com/data'); Promise.allSettled([p1, p2, p3]) .then(results => { results.forEach((result, index) => { if (result.status === 'fulfilled') { console》，主要内容是讲解等等，感兴趣的朋友可以收藏或者有更好的建议在评论提出，我都会认真看的！大家一起进步，一起学习！

allSettled等待所有Promise完成并返回各自结果，适合需获取全部操作状态的场景；any在任一Promise成功时立即返回，适用于只需一个成功结果的场合。

Promise组合方法allSettled和any，是JavaScript处理并发任务的利器。allSettled保证所有promise都返回（无论成功还是失败），而any只要有一个promise成功就立即返回。选择哪个取决于你对错误处理的需求。

allSettled和any的区别和使用场景：

allSettled：全都要，一个都不能少？

allSettled就像一个严格的监工，它会等待所有传入的Promise完成，无论这些Promise是成功fulfilled还是失败rejected。它返回的是一个包含每个Promise结果的数组，每个结果都明确地指示了Promise的状态（fulfilled或rejected）以及对应的值或原因。

使用场景：

1. 需要知道所有操作的结果： 比如，你需要同时向多个服务器发送请求，即使其中一些服务器宕机，你也需要知道哪些服务器响应成功，哪些失败了。

2. 执行清理操作： 在多个异步操作后，无论它们是否成功，都需要执行一些清理工作，例如关闭数据库连接、释放资源等。

3. 错误诊断： 在复杂的系统中，需要了解多个子系统的状态，以便进行故障排除。

代码示例：

const promise1 = Promise.resolve(1);
const promise2 = Promise.reject("Error 2");
const promise3 = new Promise((resolve) => setTimeout(() => resolve(3), 100));

Promise.allSettled([promise1, promise2, promise3])
  .then((results) => {
    console.log(results);
    // 输出：
    // [
    //   { status: 'fulfilled', value: 1 },
    //   { status: 'rejected', reason: 'Error 2' },
    //   { status: 'fulfilled', value: 3 }
    // ]
  });

注意，即使promise2被拒绝，allSettled仍然会等待所有Promise完成，并返回所有结果。

any：胜者为王，一人得道，鸡犬升天？

any则更加乐观，它会等待直到第一个Promise成功fulfilled。一旦有一个Promise成功，any就会立即返回该Promise的值，并忽略其他Promise。如果所有Promise都失败了，any会抛出一个AggregateError，其中包含所有Promise的拒绝原因。

使用场景：

1. 备选方案： 当你有多个备选方案，只要其中一个成功就可以接受时，可以使用any。比如，尝试从多个CDN加载资源，只要有一个CDN成功加载，就可以使用该资源。

2. 竞速： 你可以同时发起多个请求，并使用最先返回的结果。例如，向多个地理位置接近的服务器请求数据，使用最快响应的服务器的数据。

3. 容错： 在服务降级的情况下，可以尝试从多个服务获取数据，只要有一个服务可用即可。

代码示例：

const promise1 = Promise.reject("Error 1");
const promise2 = new Promise((resolve) => setTimeout(() => resolve(2), 50));
const promise3 = new Promise((resolve) => setTimeout(() => resolve(3), 100));

Promise.any([promise1, promise2, promise3])
  .then((value) => {
    console.log(value); // 输出：2
  })
  .catch((error) => {
    console.log(error); // 如果所有Promise都失败，则会输出AggregateError
  });

在这个例子中，promise2最先成功fulfilled，所以any返回了它的值。即使promise1被拒绝，promise3最终也成功了，any仍然只会返回promise2的值。

错误处理：细节决定成败

错误处理是选择allSettled还是any的关键。

• allSettled: 提供了每个Promise的详细状态，允许你对成功和失败的结果进行精细化的处理。你可以根据每个Promise的状态来决定下一步的操作。

• any: 关注的是第一个成功的结果。如果所有Promise都失败，你需要捕获AggregateError并处理所有Promise的拒绝原因。

如何选择？

• 如果你需要知道所有操作的结果，并且需要对成功和失败的结果进行不同的处理，那么allSettled是更好的选择。

• 如果你只需要一个成功的结果，并且可以忽略其他失败的结果，那么any更合适。

性能考量：时间就是金钱

在性能方面，any通常比allSettled更快，因为它只需要等待第一个Promise成功fulfilled。allSettled则需要等待所有Promise完成，这可能会花费更多时间。

但是，如果你的应用场景需要知道所有操作的结果，那么allSettled的额外时间开销可能是值得的。

兼容性：新特性，要小心

需要注意的是，Promise.allSettled和Promise.any是相对较新的特性，可能在一些旧版本的浏览器或Node.js环境中不支持。在使用这些方法之前，请确保你的目标环境支持它们，或者使用polyfill来提供兼容性。例如，可以使用core-js库来polyfill这些方法。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~