Promise.all需所有异步操作成功才返回结果，适用于必须全部完成的场景；Promise.race以首个完成者为准，适合超时控制或取最快响应。
在处理多个异步操作时，JavaScript 提供了 Promise.all 和 Promise.race 两种方式来管理并发请求。它们都接收一个 Promise 数组作为参数，但行为不同，适用于不同场景。
Promise.all：等待所有任务完成
Promise.all 接收一组 Promise，并返回一个新的 Promise。这个新 Promise 在所有输入的 Promise 都成功 resolve 后才会 resolve，返回值是所有结果组成的数组。只要有一个 Promise 被 reject，整个 Promise.all 就会立即 reject。
适合场景：需要所有数据都获取成功才能继续执行，比如同时拉取用户信息、订单列表和配置项。
示例：
立即学习“Java免费学习笔记（深入）”；
const fetchUser = fetch('/api/user').then(res => res.json());const fetchOrders = fetch('/api/orders').then(res => res.json());const fetchConfig = fetch('/api/config').then(res => res.json());Promise.all([fetchUser, fetchOrders, fetchConfig]) .then(([user, orders, config]) => { console.log('用户:', user); console.log('订单:', orders); console.log('配置:', config); }) .catch(err => { console.error('任一请求失败:', err); });
注意：如果其中一个请求出错，其他仍在进行的请求不会被取消（JS 中无内置取消机制），但整体结果会失败。
Promise.race：响应最快者胜出
Promise.race 同样接收一个 Promise 数组，但它只关心第一个完成的结果（resolve 或 reject）。一旦有一个 Promise 落定，race 的结果就立刻确定。
适合场景：超时控制、资源多源加载（如从多个镜像地址取数据，用最快的）。
示例：实现请求超时
const fetchWithTimeout = (url, timeout) => { const fetchPromise = fetch(url); const timeoutPromise = new Promise((_, reject) => { setTimeout(() => reject(new Error('请求超时')), timeout); }); return Promise.race([fetchPromise, timeoutPromise]);};fetchWithTimeout('/api/data', 5000) .then(res => res.json()) .then(data => console.log('数据:', data)) .catch(err => console.error('错误:', err.message));
这里如果网络请求在 5 秒内没完成，就会被超时逻辑中断，触发 catch。
如何选择？
使用 Promise.all 当你需要全部结果，且不能容忍任何失败。
使用 Promise.race 当你只关心最快响应，或需要设置竞态条件（如防超时）。
注意错误处理差异：all 是“全成功才成功”，race 是“首个结果定乾坤”。
基本上就这些。根据业务需求选对方法，能有效提升异步流程的健壮性和用户体验。
以上就是JavaScript Promise 并发：Promise.all 与 Promise.race 的应用的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1537956.html
微信扫一扫 
支付宝扫一扫 
