let、const和var区别全解析

JavaScript中let、const和var虽都用于变量声明，但它们在作用域（块级vs函数/全局）、变量提升行为（var会初始化为undefined，let/const存在暂时性死区）、重复声明限制（var允许，let/const禁止）以及赋值灵活性（const必须初始化且不可重新赋值，但其引用的对象内容仍可修改）上存在本质差异；掌握这些区别不仅能避免常见运行时错误，更能通过优先使用const、谨慎使用let、摒弃var来写出更安全、清晰、符合现代规范的代码。

JavaScript 中声明变量主要用 let、const 和 var，它们的核心区别在作用域、变量提升、重复声明和可重新赋值性上。

作用域不同：块级 vs 函数级

let 和 const 是块级作用域（由 {} 包裹的代码块内有效），比如 if、for 或任意花括号内；var 只有函数作用域（在函数内声明则仅函数内可见）或全局作用域，没有块级限制。

• if (true) { let x = 1; } console.log(x); // ReferenceError
• if (true) { var y = 2; } console.log(y); // 2（var 泄露到外层）

变量提升（Hoisting）行为不同

var 会被提升到作用域顶部并初始化为 undefined；let 和 const 虽然也会被提升，但不初始化，从声明前到声明行之间存在“暂时性死区”（TDZ），访问会报错。

• console.log(a); var a = 1; // undefined
• console.log(b); let b = 2; // ReferenceError
• console.log(c); const c = 3; // ReferenceError

重复声明与赋值规则不同

var 允许在同一作用域中多次声明同一变量名；let 和 const 不允许重复声明（语法错误）；const 还要求必须初始化，且不能重新赋值（注意：对象/数组内容可变，只是引用不可变）。

• var x = 1; var x = 2; // 合法
• let y = 1; let y = 2; // SyntaxError
• const z = 1; z = 2; // TypeError
• const obj = {}; obj.name = 'Alice'; // 合法（修改属性）

实际使用建议

现代 JavaScript 推荐优先用 const，只在确实需要重新赋值时改用 let，基本避免使用 var。这样能减少意外覆盖、明确意图、提升代码可读性和安全性。

基本上就这些。

以上就是《let、const和var区别全解析》的详细内容，更多关于的资料请关注golang学习网公众号！