var为函数作用域且存在变量提升,let和const为块级作用域并有暂时性死区;const声明不可重新赋值的常量,let用于可变变量,推荐优先使用const和let,避免var。

在 JavaScript 中,var、let 和 const 都是用来声明变量的关键字,但它们的行为和作用域规则有显著不同。理解这些差异对编写安全、可维护的代码至关重要。
作用域差异
变量的作用域决定了它在代码中的可访问范围。
- var 声明的变量具有函数作用域或全局作用域。如果在函数内使用 var 声明,变量只在该函数内部有效;若在函数外声明,则为全局变量。
- let 和 const 具有块级作用域(block scope),也就是用大括号 {} 包裹的代码块内有效,比如 if 语句、for 循环中。
例如:
if (true) {
var a = 1;
let b = 2;
}
console.log(a); // 输出 1
console.log(b); // 报错:b is not defined
因为 var 不受块级作用域限制,而 let 受限于块作用域。
立即学习“Java免费学习笔记(深入)”;
变量提升与暂时性死区
var 存在变量提升(hoisting),即变量声明会被提升到作用域顶部,但赋值不会。访问未初始化的 var 变量会得到 undefined。
console.log(x); // undefined var x = 10;
let 和 const 也有提升,但进入作用域后不会立即初始化,从作用域开始到被声明之前,处于“暂时性死区”(Temporal Dead Zone, TDZ)。在此区域内访问变量会抛出错误。
console.log(y); // 报错:Cannot access 'y' before initialization let y = 20;
重复声明与重新赋值
var 允许在同一作用域内重复声明同一个变量,不会报错。
var name = "Alice"; var name = "Bob"; // 合法
let 在同一作用域内不允许重复声明,否则会抛出语法错误。
let age = 25; let age = 30; // 报错:Identifier 'age' has already been declared
const 声明的变量必须在声明时初始化,且不能重新赋值。
const PI = 3.14; PI = 3.15; // 报错:Assignment to constant variable.
注意:const 并不保证值的不可变性。对于对象或数组,可以修改其属性或元素。
const user = { name: "Tom" };
user.name = "Jerry"; // 合法
user = {}; // 报错:不能重新赋值
适用场景建议
现代 JavaScript 开发中推荐优先使用 const,除非你需要重新赋值,这时使用 let。避免使用 var,因为它容易引发意料之外的问题,如作用域泄漏、变量覆盖等。
- 用 const 声明常量、函数、对象、数组等不需要重新赋值的变量。
- 用 let 声明需要在后续修改值的变量,如循环计数器、累加器等。
- 尽量不要用 var,特别是在新项目中。
基本上就这些。掌握 var、let 和 const 的区别,能帮助你写出更清晰、更安全的 JavaScript 代码。不复杂但容易忽略。










