javascript Promise对象_怎样处理多个异步任务-js教程-PHP中文网

Promise.all适用于所有任务必须成功才继续的场景，它等待全部fulfilled后返回结果数组，任一rejected则立即reject；而Promise.allSettled用于容错收集，返回每个任务的status和value/reason。

javascript promise对象_怎样处理多个异步任务

Promise.all 适合所有任务必须成功才继续

当多个异步操作彼此独立，且你只关心「全部完成」的结果时，Promise.all 是最直接的选择。它会等待所有 Promise 都 fulfilled 才返回结果数组；只要有一个 rejected，就立刻 reject 并抛出第一个失败的错误。

常见错误现象：Promise.all 中某个请求 404 或超时，整个链路中断，后续逻辑拿不到任何数据。

使用场景：批量获取用户资料、并行加载多个模块、表单提交前校验多项远程字段
注意 Promise.all 返回的数组顺序严格对应输入顺序，和执行完成时间无关
如果某项 Promise 可能失败但你不希望中断整体流程，得先用 .catch(() => null) 拦截，或改用 Promise.allSettled

const promises = [
  fetch('/api/user/1').then(r => r.json()),
  fetch('/api/user/2').then(r => r.json()),
  fetch('/api/user/3').then(r => r.json())
];
Promise.all(promises)
  .then(results => console.log(results)) // [user1, user2, user3]
  .catch(err => console.error('任一请求失败：', err));

Promise.allSettled 更适合“容错收集”场景

Promise.allSettled 不会在某个 Promise 失败时中断，而是等全部 settle（fulfilled 或 rejected）后，返回每个任务的状态对象数组。这是处理「部分失败可接受」任务的核心方法。

容易踩的坑：误以为 allSettled 返回的是原始值数组，其实每个元素是 { status: 'fulfilled' | 'rejected', value | reason } 结构。

使用场景：日志上报、多端同步、灰度发布验证、批量接口健康检查
性能影响几乎为零——它和 all 底层调度机制一致，只是语义不同
兼容性注意：Node.js 12.9+ / Chrome 76+ / Firefox 71+ 支持；旧环境需 polyfill 或降级为 all + catch 包装

const promises = [
  Promise.resolve(42),
  Promise.reject(new Error('oops')),
  Promise.resolve('hello')
];
Promise.allSettled(promises).then(results => {
  results.forEach((r, i) => {
    if (r.status === 'fulfilled') {
      console.log(`第${i}项成功：`, r.value);
    } else {
      console.log(`第${i}项失败：`, r.reason.message);
    }
  });
});