javascript的let和const是什么_与var有什么区别【教程】

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

letconst 是 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 不是“不提升”?

letconst 实际上是「提升但不初始化」,声明前访问会直接报 ReferenceError,而不是返回 undefined

  • console.log(a); let a = 1; → ❌ ReferenceError: Cannot access 'a' before initialization
  • console.log(b

    ); var b = 1;
    → ✅ 输出 undefinedvar 提升并初始化为 undefined
  • TDZ 的存在,让未声明就使用的错误更早暴露,而不是静默出错

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

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