map本身不支持异步等待，因其同步返回Promise数组而非解析值；需用Promise.all并发等待或for...of串行执行，关键在区分任务构造与结果获取。
map 本身不支持异步操作，直接在回调里写 async/await 不会按预期等待。因为 map 返回的是一个包含 Promise 实例的数组，而不是解析后的值；若想得到异步处理后的实际结果，需额外用 Promise.all 等待所有任务完成。
为什么 map(async () => {}) 不行？
当你这样写：
const urls = ['a.json', 'b.json', 'c.json'];
const promises = urls.map(async url => {
const res = await fetch(url);
return res.json();
});
console.log(promises); // [Promise, Promise, Promise] —— 不是数据，而是未 resolve 的 Promise 对象
此时 promises 是三个 pending 状态的 Promise，不是你想要的 JSON 数据。直接使用会出错或得到 undefined。
正确做法：先 map 出 Promise，再 Promise.all 等待
分两步走：用 map 构造异步任务（返回 Promise），再用 Promise.all 并发执行并收集结果：
立即学习“Java免费学习笔记（深入）”；
- 确保每个 map 回调返回一个 Promise（比如
fetch().then().catch()或async () => {...}） - 用
Promise.all(promises)获取所有 resolved 后的值数组 - 注意：任一 Promise reject 会导致整个
Promise.all失败，如需容错，可配合.catch或封装成 always-resolve 的 Promise
示例：
const urls = ['a.json', 'b.json', 'c.json'];
const promises = urls.map(async url => {
try {
const res = await fetch(url);
if (!res.ok) throw new Error(`HTTP ${res.status}`);
return await res.json();
} catch (err) {
console.warn(`Failed to load ${url}:`, err);
return null; // 或填默认值、跳过等
}
});
const results = await Promise.all(promises);
console.log(results); // [dataA, dataB, dataC] 或含 null
如果需要串行执行（非并发），别用 map + Promise.all
并发是默认行为，但有时要避免请求压垮服务端或依赖顺序（比如后一个请求要前一个返回的 token）。这时不该用 map，而应改用 for...of 或 reduce 串行链式调用：
-
for...of最直观：每次 await 一个异步操作，自然串行 -
reduce可以把上一次结果传给下一次（适合有依赖的场景）
串行示例（for...of）：
const urls = ['a.json', 'b.json', 'c.json'];
const results = [];
for (const url of urls) {
try {
const res = await fetch(url);
const data = await res.json();
results.push(data);
} catch (err) {
results.push(null);
}
}
console.log(results);
进阶：封装成可复用的 asyncMap 工具函数
为减少重复代码，可以封装一个支持并发控制和错误处理的 asyncMap：
async function asyncMap(array, mapper, concurrency = Infinity) {
if (concurrency === Infinity) {
return Promise.all(array.map(mapper));
}
const results = [];
const executing = [];
for (const item of array) {
const promise = Promise.resolve(mapper(item)).then(
res => { results.push(res); },
err => { results.push(err); }
);
executing.push(promise);
if (executing.length >= concurrency) {
await Promise.race(executing);
// 清理已完成的 Promise（简化版，生产环境建议更严谨）
const done = executing.filter(p => p.status === 'fulfilled' || p.status === 'rejected');
executing.splice(0, done.length);
}
}
await Promise.all(executing);
return results;
}
// 使用
const data = await asyncMap(urls, fetchAndParse, 3); // 最多同时 3 个请求
（注：上述并发控制为示意，真实项目推荐用 p-limit 等成熟库）
不复杂但容易忽略：关键在于理解 map 是同步构造器，它不管回调里是不是 async——它只负责“投递任务”，真正执行和等待得靠 Promise.all 或其他流程控制手段。
