突破异步困境：掌握Promise.allSettled()的实用技巧

在日常开发中，我们经常需要处理多个异步操作。传统方法如Promise.all()有一个明显短板：只要有一个Promise被拒绝，整个操作就会立即失败。这在需要确保所有请求都完成的场景下显得力不从心。

Promise.allSettled()的登场

ES2020引入的Promise.allSettled()完美解决了这个问题。它等待所有Promise完成（无论成功或失败），然后返回一个包含每个Promise结果的对象数组。

const promises = [
  fetch('/api/user'),
  fetch('/api/posts'),
  fetch('/api/comments')
];
const results = await Promise.allSettled(promises);
// 处理结果
results.forEach((result, index) => {
   
  if (result.status === 'fulfilled') {
   
    console.log(`请求${
     index}成功:`, result.value);
  } else {
   
    console.error(`请求${
     index}失败:`, result.reason);
  }
});

实际应用场景

1. 批量数据上报：确保所有上报请求都得到处理，不因单个失败影响其他数据
2. 多接口数据聚合：即使部分接口异常，仍能展示可用数据
3. 表单多提交：同时提交到多个端点，分别处理各端点响应

优势总结

与Promise.all()相比，allSettled()提供了更完整的控制权，让我们能够优雅地处理部分失败场景，提升应用的用户体验和健壮性。

掌握这个看似简单但极其实用的API，将帮助你在复杂的异步编程中游刃有余。