JavaScript 变量声明：var, let 与 const 的区别详解

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）。在此区域内访问变量会抛出错误。

商汤商量

商汤科技研发的AI对话工具，商量商量，都能解决。

36

查看详情

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 代码。不复杂但容易忽略。

以上就是JavaScript 变量声明：var, let 与 const 的区别详解的详细内容，更多请关注php中文网其它相关文章！