ES6引入let和const实现块级作用域,解决var的作用域混乱、变量提升及重复声明问题;let/const存在暂时性死区,const为只读绑定而非不可变值,推荐优先使用const。

ES6(ECMAScript 2015)是JavaScript一次重大升级,引入了大量提升开发体验和代码健壮性的新特性。其中 let 和 const 彻底改变了变量声明方式,解决了 var 长期存在的作用域混乱、变量提升和重复声明等问题。
块级作用域让变量更可控
var 声明的变量只有函数作用域或全局作用域,容易在 if、for 等块中意外泄露;而 let 和 const 具有真正的块级作用域(由 {} 包裹的区域)。
- 在 for 循环中使用 let,每次迭代都会绑定独立的变量实例,避免闭包中取值错误
- if (true) { let x = 1; } console.log(x); // 报错:x is not defined
- var 在相同作用域内重复声明不会报错;let/const 重复声明会直接抛出 SyntaxError
暂时性死区(TDZ)强化声明意识
let 和 const 声明的变量在声明前不可访问,JS 引擎会在块顶部到声明语句之间划出“暂时性死区”。这强制开发者必须先声明再使用。
- console.log(a); let a = 1; // ReferenceError: Cannot access 'a' before initialization
- var a; console.log(a); // undefined(变量提升导致)
- TDZ 不仅适用于 let/const,也影响 typeof 检测——对未初始化的 let 变量用 typeof 也会报错
const 并非“完全不可变”,而是“绑定不可重赋值”
const 声明的是只读绑定,不是只读值。对象或数组本身的内容仍可修改,只是不能把变量重新指向另一个内存地址。
立即学习“Java免费学习笔记(深入)”;
- const obj = { name: 'Alice' }; obj.name = 'Bob'; // ✅ 允许(修改属性)
- obj = {}; // ❌ 报错:Assignment to constant variable
- const arr = [1, 2]; arr.push(3); // ✅ 允许(修改数组内容)
- 推荐优先使用 const,仅在确实需要重新赋值时才用 let
配合其他 ES6 特性更显价值
let/const 的块级语义与解构赋值、模块导入、箭头函数等天然契合,让代码逻辑更清晰。
- 解构时常用 const:const { id, title } = post;
- 模块导入默认用 const:import React from 'react';
- 循环中避免 var + setTimeout 的经典坑,let 自动提供词法绑定
不复杂但容易忽略:let 和 const 的出现不是为了增加语法糖,而是把变量生命周期交还给开发者,让作用域边界明确、错误提前暴露、协作更安全。











