用 map 配合 Promise.all 实现高并发请求分发，核心是将每个请求包装为独立 Promise 后统一触发并等待全部完成；需确保 map 返回 Promise、用 try/catch 捕获错误、利用 Promise.allSettled 处理部分失败、手动分批控制并发数、并通过 let 或参数传递避免闭包陷阱。
用 map 配合 Promise.all 实现高并发请求分发，核心是把每个请求包装成独立 Promise，再统一触发、等待全部完成。关键不在“并发数多”，而在“控制逻辑清晰、错误可捕获、结果可对齐”。
1. 基础写法：map 生成 Promise 数组，Promise.all 并发执行
每个请求数据（如 ID、参数）通过 map 映射为一个发起请求的 Promise，Promise.all 自动并发执行它们：
- 确保每个 map 回调返回的是 Promise（比如
fetch或axios.get），不是直接调用后丢弃结果 -
Promise.all返回的是一个 Promise，resolve 后得到按原数组顺序排列的结果数组 - 只要其中一个失败，
Promise.all就立刻 reject，需用try/catch或.catch捕获整体错误
示例：
const ids = [1, 2, 3, 4, 5];
const promises = ids.map(id =>
fetch(`/api/user/${id}`)
.then(res => res.json())
);
Promise.all(promises)
.then(users => console.log(users)) // [{}, {}, ...]，顺序与 ids 一致
.catch(err => console.error('任一请求失败', err));
2. 处理部分失败：用 Promise.allSettled 替代 Promise.all
当允许部分请求失败、仍要拿到所有结果时，Promise.allSettled 更合适：
- 它不会因某个 Promise 拒绝而中断，而是等全部 settle（fulfilled 或 rejected）后返回状态数组
- 每个结果形如
{ status: 'fulfilled', value }或{ status: 'rejected', reason } - 适合日志上报、批量导入、容错型数据拉取等场景
示例：
Promise.allSettled(promises)
.then(results => {
const successes = results
.filter(r => r.status === 'fulfilled')
.map(r => r.value);
const failures = results
.filter(r => r.status === 'rejected')
.map(r => r.reason);
console.log('成功:', successes, '失败:', failures);
});
3. 控制并发数量：不能只靠 map + Promise.all
map + Promise.all 本质是“全量并发”，浏览器或服务端可能拒绝大量连接（如 Chrome 通常限 6 个同域并发）。真需要限流，得手动分批：
- 把大数组切分成每组 N 项（如每组 3 个），每组用
Promise.all执行，再串行处理各组 - 或用更简洁方式：基于
async/await+for of+ 动态 Promise 队列（配合Promise.race或第三方库如 p-limit） - 简单起见，不建议在
map内部加await—— 这会退化为串行，失去并发意义
4. 保持参数与结果对齐：避免闭包陷阱
常见错误是在循环中直接使用变量（如 for (let i...) 之外的 var 或函数作用域外变量），导致所有 Promise 共享同一个值。正确做法：
- 用
let声明循环变量（块级作用域，天然绑定每次迭代） - 或把参数作为参数传入 IIFE / 箭头函数（map 回调本身已具备该能力）
- 确保 Promise 内部使用的数据（如 URL、token、body）是当前 map 迭代项的副本，而非外部引用
错误示范（闭包问题）：
// ❌ 错误：i 最终是 5，所有请求都发 /api/item/5
for (var i = 0; i < 5; i++) {
promises.push(fetch(`/api/item/${i}`));
}
正确写法（用 map 或 let）：
// ✅ 正确：map 自带作用域隔离
[0,1,2,3,4].map(i => fetch(`/api/item/${i}`));
// ✅ 或用 let
for (let i = 0; i < 5; i++) {
promises.push(fetch(`/api/item/${i}`));
}
不复杂但容易忽略细节。重点是 map 要返回 Promise，Promise.all 负责聚合，失败策略按需选 all 或 allSettled，限流则需额外封装。
