JavaScript 概念

Source: Dev.to

JavaScript 中最先接触且最重要的概念之一是变量。JavaScript 提供了三种主要的变量声明方式：var、let 和 const。虽然它们看起来相似，但行为却大相径庭。

变量

变量就像一个装有值的容器。你为它起一个名字，以便在代码中后续引用或更新该值。

var – 旧式写法

var 的关键特性

• 函数作用域
• 可以重新声明
• 可以更新

示例

// Declaration
var age = 16;

// Updating
age = 18;

// Redeclaring (may overwrite values unexpectedly)
var age = 20; // <-- allowed, but can lead to bugs

let

为了解决 var 带来的诸多问题而引入。

let 的关键特性

• 块级作用域
• 可以更新
• 同一作用域内不能重新声明

示例

let score = 10;

// Updating
score = 15;

// Redeclaring in the same block causes an error
// let score = 20; // Uncaught SyntaxError: Identifier 'score' has already been declared

const

用于那些不应改变的固定值。

const 的关键特性

• 块级作用域
• 不能更新
• 不能重新声明
• 必须在声明时立即初始化

示例

const country = "Nigeria";

// Attempting to reassign throws an error
// country = "Ghana"; // Uncaught TypeError: Assignment to constant variable.

正确使用变量类型的好处

• 防止因意外重新赋值或重新声明而导致的错误
• 使代码更易读、意图更明确
• 通过清晰标示可变性，提高可维护性

最佳实践

• 默认使用 const —— 当值不应改变时。
• 使用 let —— 当需要更新值时。
• 在现代 JavaScript 中避免使用 var，除非你有特定的函数作用域需求。