JS 如何用 Promise.allSettled 处理批量异步请求？

Question

仓乃文 · Accepted Answer

Promise.all 在任一请求失败时整体失败，而 Promise.allSettled 会等待所有请求完成，无论成功或失败，适合批量请求场景。

Promise.all 的问题：
```javascript
const requests = [fetch("/api/1"), fetch("/api/2"), fetch("/api/3")];

Promise.all(requests)
  .then((results) => {
    // 任一失败就进入 catch，成功的结果也丢失了
  })
  .catch((err) => {
    // 只拿到第一个失败的错误
  });
```

Promise.allSettled 方案：
```javascript
const requests = [fetch("/api/1"), fetch("/api/2"), fetch("/api/3")];

Promise.allSettled(requests).then((results) => {
  const fulfilled = results.filter((r) => r.status === "fulfilled").map((r) => r.value);
  const rejected = results.filter((r) => r.status === "rejected").map((r) => r.reason);

console.log(`成功 ${fulfilled.length} 个，失败 ${rejected.length} 个`);
});
```

实际应用 - 批量请求带重试：
```javascript
async function fetchAll(urls) {
  const results = await Promise.allSettled(urls.map((url) => fetch(url).then((r) => r.json())));
  return {
    data: results.filter((r) => r.status === "fulfilled").map((r) => r.value),
    errors: results.filter((r) => r.status === "rejected").map((r) => r.reason),
  };
}
```

补充说明：
- allSettled 返回的每个结果都有 status 字段：fulfilled 或 rejected
- fulfilled 有 value 字段，rejected 有 reason 字段
- 适合批量操作场景：批量删除、批量导入、多接口聚合
- 如果需要快速失败仍用 Promise.all，需要容错则用 allSettled