17370845950

const 禁止重新绑定，let 允许重赋值，var 因作

用域和提升问题应避免；for 循环中 var 导致闭包陷阱，let 创建块级绑定；const 声明对象可改属性但不能重新赋值；let/const 存在暂时性死区。

let 和 const 是 ES6（ES2015）引入的变量声明方式，**核心区别不在“能不能改值”，而在“绑定能不能变”**： const 要求声明时必须赋值，且不能重新指向新内存地址； let 允许后续重新赋值； var 因函数作用域、变量提升、可重复声明等特性，**现代开发中应彻底避免使用**（除非维护无法升级的老代码）。

为什么 for 循环里用 var + setTimeout 会全输出 5？

这是 var 缺乏块级作用域 + 变量提升导致的经典闭包陷阱：

• var i = 0 被提升到函数顶部，整个循环共用一个 i
• 所有 setTimeout 回调在循环结束后才执行，此时 i 已变为 5
• 换成 let i = 0，每次迭代都会创建独立的绑定，每个回调拿到的是当轮的 i

✅ 正确写法：

for (let i = 0; i < 5; i++) { setTimeout(() => console.log(i), 100); }

输出 0~4。

const 声明对象后还能改属性吗？

能。因为 const 禁止的是「重新赋值」，不是「值不可变」：

• const obj = { name: 'Alice' }; → 合法
• obj.name = 'Bob'; → ✅ 合法（修改属性）
• obj = {}; → ❌ 报 TypeError: Assignment to constant variable
• const arr = [1]; arr.push(2); → ✅ 合法（修改内容）
• arr = []; → ❌ 同样报错

别被“常量”字面误导——它管的是「绑定」，不是「值」。

暂时性死区（TDZ）是什么？为什么 let/const 不是“不提升”？

let 和 const 实际上是「提升但不初始化」，声明前访问会直接报 ReferenceError，而不是返回 undefined：

• console.log(a); let a = 1; → ❌ ReferenceError: Cannot access 'a' before initialization
• console.log(b); var b = 1; → ✅ 输出 undefined（var 提升并初始化为 undefined）
• TDZ 的存在，让未声明就使用的错误更早暴露，而不是静默出错

这也是为什么解构赋值时 const { id } = {}; 后再写 id = 123 会报错——id 是 const 绑定，不是普通变量。

最常被忽略的不是语法错，而是语义误判：把 const 当成“不可变数据”，或以为 let 就是“安全版 var”。真正关键的是——**按变量是否需要重赋值来选：确定不重赋值，一律用 const；需要循环计数、状态切换、条件重赋值，才用 let。**