map 中直接用 await 不会等待，返回的是 Promise 数组而非解析值；正确做法是先 map 生成 Promise 数组，再用 Promise.all 并发 await 获取结果。
在 map 中直接用 await 不会“等待”，它只是把异步操作包装成 Promise，所以你拿到的是一个 Promise 数组，而非解析后的值——这不是 bug，是 JavaScript 执行模型的自然结果。
理解 map + await 的真实行为
map 是同步遍历，它不管回调里写的是 await 还是 fetch，只负责把每次回调的返回值（无论是否是 Promise）塞进新数组。写 async 回调时，函数自动返回 Promise，map 拿到的就是这一堆待 resolve 的 Promise，不是最终数据。
正确做法：先生成 Promise 数组，再统一 await
分两步走：用 map 构造 Promise 数组 → 用 Promise.all 并发等待全部完成。
- ✅ 推荐写法：
const urls = ['a.com', 'b.com', 'c.com'];<br>const promises = urls.map(url => fetch(url).then(r => r.json()));<br>const results = await Promise.all(promises); // 等所有请求结束，得到解析后的数组
- ⚠️ 注意：如果某个 Promise reject，
Promise.all会立即失败；需要容错可改用Promise.allSettled。
避免常见误解写法
以下写法看似“用了 await”，实则无效或低效：
-
urls.map(async url => await fetch(url))—— 返回[Promise, Promise, ...]，没 await 外层 -
await urls.map(...)——map返回数组，不是 Promise，不能 await - 在
map里写await却忘了对整个结果做await Promise.all(...)
需要串行？那就别用 map
若逻辑必须一个接一个执行（比如依赖上一步结果），map 本身就不适用。改用 for...of 循环：
const results = [];<br>for (const url of urls) {<br> const data = await fetch(url).then(r => r.json());<br> results.push(data);<br>}
这样每一步都真正等待，但性能不如并发。
