在 javascript 的 `for...of` 循环中使用解构语法（如 `[key, val] of map`）时，若未显式声明变量，其行为取决于是否启用严格模式：非严格模式下会隐式创建全局属性，严格模式下则直接报错；而提前用 `let`/`const` 声明的变量会被复用，不会重新声明。
for...of 循环本身不提供变量声明能力——它只支持赋值目标（AssignmentTarget）。括号中的 [key, val] 是解构赋值的左侧表达式（destructuring pattern），而非 let 或 const 声明语句。因此，其变量绑定规则完全遵循普通赋值逻辑：
- ✅ 已声明变量（let key, val）：循环每次迭代将 Map 的键值对解构并赋值给已有变量，作用域为外层块级作用域，可安全复用；
- ⚠️ 未声明变量（for ([key, val] of map)）且非严格模式：JavaScript 会自动将 key 和 val 创建为全局对象（如 window.key）的可配置属性，属于隐式全局变量（implicit globals），极易引发命名冲突与难以调试的副作用；
- ❌ 未声明变量 + 严格模式（'use strict'）：抛出 ReferenceError: key is not defined，强制开发者显式声明，这是现代开发的必备实践。
以下示例清晰展示了差异：
<!-- 非严格模式：隐式全局，危险但“能运行” -->
<script>
const map = new Map([['a', 1], ['b', 2]]);
for ([key, val] of map) console.log(`${key}: ${val}`);
console.log(window.key); // 'b' —— 最后一次赋值残留于全局
</script>
<!-- 严格模式：立即报错，杜绝隐患 -->
<script>
'use strict';
const map2 = new Map([['x', 10], ['y', 20]]);
for ([key2, val2] of map2) console.log(`${key2}: ${val2}`); // ❌ Uncaught ReferenceError
</script>✅ 最佳实践建议：
- 始终启用 'use strict'（ES6+ 模块默认严格模式）；
- 使用 const 或 let 在循环内声明解构变量：for (const [key, val] of map) —— 语义清晰、作用域受控、避免意外修改；
- 配置 ESLint 规则 no-undef 和 no-unused-vars，在编码阶段拦截隐式全局与未使用变量；
- 切勿依赖隐式全局：它违反模块化原则，破坏代码隔离性，且在 Node.js 环境中会挂载到 global 而非 window，造成环境不一致。
总结：[key, val] of map 中的方括号仅表示解构赋值语法，不是声明语法。变量来源完全由上下文决定——显式声明则复用，未声明则触发全局污染（非严格）或报错（严格）。理解这一点，是写出健壮、可维护迭代逻辑的基础。
立即学习“Java免费学习笔记（深入）”；
