当前位置：首页 > article >正文

JavaScript 中的 `var`, `let`, `const` 详解

article 2025/1/22 13:05:25

在 JavaScript 中，var、let 和 const 是用于声明变量的关键字，它们各自有不同的特性和用途。了解它们之间的区别对于编写更清晰、更可靠的代码至关重要。

1. `var` 关键字

var 是 JavaScript 中最古老的变量声明关键字，它有一些特性，使得在某些情况下使用它可能会导致问题。

特性

函数作用域：使用 var 声明的变量拥有函数作用域，如果在一个函数内部声明，它只能在该函数内部访问。
变量提升（Hoisting）：var 声明的变量会被提升到其所在作用域的顶部，但是赋值不会提升。
重复声明：使用 var 可以在同一作用域内重复声明同一个变量。

示例代码

var greeting = 'Hello, world!';

function sayHello() {
  var message = 'Hello';
  console.log(message); // 输出: Hello
  console.log(greeting); // 输出: Hello, world!
}

sayHello();

2. `let` 关键字

let 是 ES6 引入的关键字，它改进了 var 的一些特性，提供了块级作用域。

特性

块级作用域：使用 let 声明的变量只在其所在的代码块（如 if 语句、for 循环等）中有效。
变量提升：let 声明的变量同样会被提升，但是与 var 不同的是，它们不会在代码执行前初始化，而是在代码执行到声明的位置时初始化。
不允许重复声明：在同一作用域内，不能重复声明同一个变量。

示例代码

let greeting = 'Hello, world!';

if (true) {
  let message = 'Hello';
  console.log(message); // 输出: Hello
}

console.log(message); // ReferenceError: message is not defined

3. `const` 关键字

const 也是 ES6 引入的关键字，用于声明常量，即一旦声明并初始化后，其值不能被重新赋值。

特性

块级作用域：与 let 相同，const 声明的变量也拥有块级作用域。
初始化要求：声明 const 变量时必须进行初始化。
不允许修改：const 声明的变量不能被重新赋值，但是其属性（如果是对象）可以被修改。

示例代码

const pi = 3.14;

// pi = 3.15; // TypeError: Assignment to constant variable.

const person = {
  name: 'Alice'
};

person.name = 'Bob'; // 允许修改对象属性
console.log(person.name); // 输出: Bob