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。**









