const声明必须初始化且不可重赋值,let允许后续赋值;两者均有TDZ;默认优先用const,仅需重赋值时用let;const锁定绑定而非值,let在闭包中提供独立块级绑定。

let 和 const 都会创建块级作用域变量,但 const 要求必须初始化且不可重新赋值
这是最核心的区别:不是“常量不能改”,而是“绑定不能重赋值”。const 声明的变量在声明时就必须给初始值,之后不能再用 = 赋新值;let 则允许后续赋值,也允许先声明后赋值。
-
const声明不等于“值不可变”——比如const obj = {a: 1},你仍可以执行obj.a = 2或obj.b = 3,因为对象本身没被替换,只是属性在变 -
let允许重复声明同一作用域内的不同变量(如循环中),但不允许在同一作用域内重复声明同名变量,否则报Identifier 'x' has already been declared - 两者都存在“暂时性死区(TDZ)”:在声明语句之前访问会抛出
ReferenceError,不像var那样提升并初始化为undefined
什么时候该用 const,什么时候该用 let
默认优先用 const,只有明确需要后续重新赋值时才换 let。这不是风格偏好,而是代码意图的显式表达。
- 函数参数、对象/数组解构、模块导入(
import)默认都是const绑定 - 循环变量用
let(如for (let i = 0; i ),因为每次迭代都需要新绑定;若用const会立即报错 - 计数器、状态标记、临时中间值(如
let temp = x * 2)适合let - 配置项、DOM 引用、API 实例(如
const modal = document.getElementById('modal'))应优先const
var、let、const 的提升和作用域差异
三者行为差异集中在“是否提升”和“作用域边界”上,直接影响变量能否提前访问和是否被外层污染。
-
var:函数作用域,声明会被提升(hoisted),初始化为undefined,可重复声明 -
let/const:块级作用域({}、if、for等内部),声明被提升但不初始化,访问触发 TDZ 错误 -
const比let多一层限制:必须在声明时初始化,否则语法错误Missing initializer in const declaration
if (true) {
console.log(x); // ReferenceError: Cannot access 'x' before initialization
let x = 1;
const y = 2;
console.log(y); // OK
}常见错误场景和修复建议
很多运行时问题其实源于混淆了“绑定不可变”和“值不可变”,或忽略了 TDZ。
立即学习“Java免费学习笔记(深入)”;
- 在
const声明前使用(哪怕只读)→ 改成let或调整顺序 - 试图对
const arr = [1, 2]执行arr = [3, 4]→ 报错;但arr.push(3)合法;若真要冻结内容,需配合Object.freeze(arr) - 在
for...in或for...of中误用const→ 循环变量必须用let,否则每次迭代都会尝试重新绑定 - 导出模块时写
export const foo = () => {}是安全的;但若想动态改导出值(极少见),得用let+export { foo }形式
真正容易被忽略的是:const 对引用类型只锁定“指向”,不锁定“内容”;而 let 的块级绑定在闭包和异步回调中表现更可预测——比如循环里 setTimeout,用 let 自动获得每次迭代的独立绑定,用 var 就会全部输出最后一个值。










