如何理解并应用J*aScript中的Promise.allSettled方法？

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

如何理解并应用J*aScript中的Promise.allSettled方法？

2025-10-18

浏览次数：次

返回列表

Promise.allSettled适合处理多个异步操作，等待所有完成（无论成功或失败），返回结果数组包含每个Promise的状态和值或错误原因，不因单个失败而中断整体流程。

如何理解并应用javascript中的promise.allsettled方法？

当需要处理多个异步操作，并且希望等待它们全部完成，不管成功或失败时，Promise.allSettled 是最合适的方法。它与 Promise.all 不同，不会因为其中一个 Promise 被拒绝而提前终止。

Promise.allSettled 的基本理解

该方法接收一个 Promise 数组作为参数，返回一个新的 Promise，这个 Promise 在所有输入的 Promise 都“完成”（无论是 fulfilled 还是 rejected）后才会被 settled。

返回的结果是一个对象数组，每个对象描述对应 Promise 的执行结果：

如果成功：{ status: 'fulfilled', value: 结果值 }
如果失败：{ status: 'rejected', reason: 错误原因 }

这意味着你可以安全地获取每个任务的最终状态，无需担心异常中断整个流程。

适用场景和使用示例

当你发起多个独立请求，比如从不同 API 获取用户数据、商品信息、配置项等，其中某一个失败不应影响你处理其他成功的响应，这时就非常适合使用 allSettled。

const promises = [
  fetch('/api/user').then(res => res.json()),
  fetch('/api/products').then(res => res.json()),
  Promise.reject('网络超时')
];

Promise.allSettled(promises).then(results => {
  results.forEach((result, index) => {
    if (result.status === 'fulfilled') {
      console.log(`请求 ${index} 成功:`, result.value);
    } else {
      console.error(`请求 ${index} 失败:`, result.reason);
    }
  });
});

上面代码中，即使第三个 Promise 被拒绝，前面两个的成功结果依然可以正常处理。

动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联J*aScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR*函数库的强大功能，对常用的、强大的包