JavaScript 变量：数据存储的核心机制

在 JavaScript 中，变量是存储数据的命名容器，是程序与数据交互的桥梁。理解其工作机制对编写健壮代码至关重要。

一、变量声明方式

1. var（传统方式）

   var name = "Alice"; // 函数作用域
   

   • 存在变量提升（hoisting）：声明被提升至作用域顶部
   • 允许重复声明

2. let（ES6 块级作用域）

   let count = 0; 
   if (true) {let count = 5; // 独立的块级作用域
   }
   console.log(count); // 0
   

   • 禁止重复声明
   • 存在暂时性死区（TDZ）

3. const（常量声明）

   const PI = 3.14;
   // PI = 3.15; // TypeError: Assignment to constant
   

   • 必须初始化赋值
   • 绑定不可变（但对象属性可修改）

---

二、作用域机制

作用域类型	范围	特点
全局作用域	整个脚本文件	生命周期最长，易命名冲突
函数作用域	函数内部	var 的默认作用域
块级作用域	{} 代码块内	let/const 专属作用域

作用域链决定了变量查找顺序：
$$ \text{当前作用域} \rightarrow \text{外层作用域} \rightarrow \cdots \rightarrow \text{全局作用域} $$

---

三、关键特性

1. 动态类型
   变量类型在运行时确定：

   let value = 10;    // Number
   value = "text";    // String
   

2. 变量提升现象
   var 声明会被提升（赋值不提升）：

   console.log(x); // undefined
   var x = 5;
   

3. 闭包中的变量
   函数能捕获外部变量：

   function createCounter() {let count = 0;return () => count++;
   }
   const counter = createCounter();
   counter(); // 0
   counter(); // 1
   

---

四、最佳实践

1. 优先使用 const，其次 let，避免 var
2. 采用驼峰命名法：userAge 而非 userage
3. 避免全局变量污染（使用 IIFE 或模块）
4. 及时释放不再使用的变量（如循环中的临时变量）

合理运用变量作用域和声明方式，能显著提升代码可读性与可维护性，减少意外的副作用。