map + async 返回 Promise 数组是因为 map 同步执行 async 回调并立即返回其产生的 Promise，不会等待 settle；需用 Promise.all 并发等待全部 resolve 得到结果数组。
不能直接在 map 中用 async/await 得到“等待后的结果数组”，因为 map 本身不会等待异步函数返回的 Promise，而是立即返回一个装满 Promise 的数组。想得到解析后的值，需要用 Promise.all 配合。
为什么 map + async 返回的是 Promise 数组？
map 是同步遍历，即使回调是 async 函数，它也只负责执行并立刻返回该 async 函数产生的 Promise——不会等这个 Promise settle。所以你拿到的是 [Promise, Promise, ...]，不是你想要的数据。
正确写法：map 生成 Promise，再用 Promise.all 等待全部完成
把异步操作放进 map，让它产出 Promise 数组；再用 Promise.all 并发执行并等待全部 resolve，最终得到结果数组。
- 适合并发请求（如同时查多个用户 ID）
- 所有异步操作会同时开始，不是串行
- 任一失败会导致整个
Promise.all拒绝，需加try/catch
示例：
立即学习“Java免费学习笔记（深入）”；
const ids = [1, 2, 3];
const fetchUser = id => fetch(`/api/user/${id}`).then(r => r.json());
// ✅ 正确：先 map 出 Promise，再 Promise.all 等待
const users = await Promise.all(
ids.map(id => fetchUser(id))
);
console.log(users); // [{...}, {...}, {...}]
如果需要串行执行（一个接一个），别用 map
map 天然不适合串行。想按顺序等待每个异步操作完成，直接用 for...of 或 reduce。
-
for...of最直观：每次await当前结果 -
reduce可链式累积，但可读性稍弱
示例（串行）：
const ids = [1, 2, 3];
const users = [];
for (const id of ids) {
const user = await fetchUser(id);
users.push(user);
}
console.log(users);
错误写法示例（常见误区）
下面代码看似用了 await，但实际没等 Promise，result 是 Promise 数组：
// ❌ 错误：users 是 [Promise, Promise, ...]，不是数据 const users = ids.map(async id => await fetchUser(id));
即使加 await 在外面也没用：
// ❌ 还是错：await 对 map 返回的 Promise 数组无效 const users = await ids.map(async id => await fetchUser(id)); // users 还是 Promise[]
不复杂但容易忽略
