for await...of 中的变量默认为块级作用域，每次迭代创建独立绑定，闭包安全；常见“输出全为最后一个值”源于误用 var（语法不允许）、复用外部变量或未正确 await 异步操作。
在 for await...of 循环中，每次迭代的变量默认是块级作用域（由 let 声明），但若在循环体内发起异步操作（如 setTimeout、fetch 或 Promise 链），容易因闭包捕获到“最后”的值而出现意外行为——这**不是作用域问题，而是异步执行时机与变量绑定时机错位导致的**。
理解 for await...of 的变量绑定机制
for await...of 本质是基于 async iterator 的语法糖，其每次迭代都会为 let 声明的遍历变量创建新的词法环境（即真正的块级绑定）。这意味着：
- 每个循环体内的
let item是独立的，不会互相污染； - 但如果在循环内直接用
item构造一个异步任务（如setTimeout(() => console.log(item), 0)），该回调函数会闭包引用这个item变量——而由于异步延迟，等回调执行时，item可能已被下一次迭代更新（仅在var下发生）； - 但用
let时，JavaScript 引擎会为每次迭代生成独立的绑定，所以闭包实际捕获的是“本轮迭代专属的item”，这是安全的。
为什么有时仍看到“输出全是最后一个值”？
常见原因不是作用域失效，而是：
- 错误地用了
var item（提升+函数作用域 → 所有回调共享同一变量）； - 在循环中复用了外部声明的变量（例如
let data; for await...of { data = await fetch(...); }，然后在回调里用data）； - 异步操作本身没有正确 await，导致并发执行逻辑混乱（如未 await 就 push 到数组，再统一处理）；
- 使用了非块级声明的中间变量（比如
const obj = { value: item }，但后续修改了obj.value，多个回调读取的是同一对象属性）。
确保异步变量隔离的可靠写法
推荐以下实践，兼顾清晰性与安全性：
立即学习“Java免费学习笔记（深入）”；
-
始终用
let或const声明遍历变量：for await (const item of asyncIterable) { ... }； -
避免在异步回调中直接依赖循环外可变状态，优先把所需数据“快照”进回调作用域：
for await (const item of list) {<br> const snapshot = {...item}; // 或 String(item), item.id 等不可变标识<br> setTimeout(() => console.log(snapshot), 100);<br>} -
需要顺序等待时，显式 await 每次异步操作（避免竞态）：
for await (const item of stream) {<br> await processItem(item); // 串行执行<br>} -
并发处理且需保留上下文时，用 IIFE 或箭头函数立即绑定（虽通常不必要，但可强化语义）：
for await (const item of list) {<br> ((current) => fetch(`/api/${current.id}`).then(r => console.log(current.id)))(item);<br>}
对比：let vs var 在 for await...of 中的真实表现
下面代码能验证块级绑定是否生效：
for await (let x of [1, 2, 3]) {
setTimeout(() => console.log('let:', x), 0);
}
// 输出：1, 2, 3 ✅
for await (var y of [1, 2, 3]) { // 语法错误！for await 不允许 var 声明
// ❌ SyntaxError: Unexpected token 'var'
}
注意：for await...of **只支持 let 和 const**，不支持 var。所以只要写法合法，变量天然隔离。
