Array.map 中直接使用 await 不会等待异步完成，返回的是 Promise 数组而非结果；正确做法是先 map 生成 Promise 数组，再用 Promise.all 并发等待，或用 for...of + await 串行执行。
在 Array.map 中直接使用 await 不会按预期等待异步操作完成，因为 map 本身是同步方法，它只是把每个回调的返回值（可能是 Promise）放进新数组，而不会自动等待这些 Promise。
问题本质：map 返回的是 Promise 数组，不是结果数组
当你这样写：
const urls = ['a.com', 'b.com', 'c.com'];
const responses = urls.map(async url => {
const res = await fetch(url);
return res.json();
});
console.log(responses); // [Promise, Promise, Promise] —— 不是解析后的数据
你得到的是一个 Promise 对象数组，而不是最终的数据。若直接使用 responses，会遇到 undefined 或 [object Promise] 等问题。
正确做法：先 map 得到 Promise 数组，再用 Promise.all 等待全部完成
这是最常用、最推荐的方式，适用于所有请求可并行执行的场景：
- 用
map构造 Promise 数组（不加await） - 用
Promise.all并发等待所有 Promise 完成 - 解构或处理最终结果数组
const urls = ['a.com', 'b.com', 'c.com'];
const responses = await Promise.all(
urls.map(url => fetch(url).then(r => r.json()))
);
// 或更清晰地写成：
const responses = await Promise.all(
urls.map(async url => {
const res = await fetch(url);
return res.json();
})
);
console.log(responses); // [{...}, {...}, {...}] —— 实际数据
需要串行执行时：不用 map，改用 for...of + await
如果逻辑要求一个接一个执行（例如有依赖、限流、避免并发压力），map 不适用，应改用显式循环：
-
for...of是同步语法，await在其中能真正暂停迭代 - 每次循环等待上一个异步操作结束，再进入下一个
const urls = ['a.com', 'b.com', 'c.com'];
const results = [];
for (const url of urls) {
const res = await fetch(url);
const data = await res.json();
results.push(data);
}
console.log(results); // 按顺序得到结果
进阶提示：错误处理与部分失败控制
Promise.all 遇到任意一个 Promise reject 就整体失败。如需容错，可：
- 用
Promise.allSettled获取每个 Promise 的状态（fulfilled/rejected） - 提前对单个 Promise 做
.catch()处理，让它总是 resolve（例如返回null或默认值）
const safeFetch = async url => {
try {
const res = await fetch(url);
return res.ok ? await res.json() : null;
} catch (e) {
console.warn(`Failed to fetch ${url}:`, e);
return null;
}
};
const results = await Promise.all(urls.map(safeFetch));
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
