JavaScript 基础知识：变量

变量是 JavaScript 中存储数据的基本单元。以下是关于 JavaScript 变量的基础知识：

变量声明

在 JavaScript 中有三种声明变量的方式：

1. var - ES5 及之前版本的声明方式

   var name = "张三";
   

2. let - ES6 引入的块级作用域变量

   let age = 25;
   

3. const - ES6 引入的常量声明，不可重新赋值

   const PI = 3.14159;
   

变量命名规则

• 可以包含字母、数字、下划线(_)和美元符号($)
• 不能以数字开头
• 区分大小写
• 不能使用 JavaScript 保留字（如 let, const, function 等）
• 建议使用驼峰命名法（如 myVariableName）

变量赋值

let x;      // 声明变量
x = 5;      // 赋值

let y = 10; // 声明并赋值

变量作用域

• 全局作用域 - 在任何函数外部声明的变量
• 函数作用域 - 在函数内部声明的变量（使用 var）
• 块级作用域 - 在 {} 块中声明的变量（使用 let 或 const）

var globalVar = "全局"; // 全局作用域

function example() {
  var functionVar = "函数"; // 函数作用域
  
  if (true) {
    let blockVar = "块"; // 块级作用域
    console.log(blockVar); // 可以访问
  }
  console.log(blockVar); // 报错，无法访问
}

变量提升（Hoisting）

使用 var 声明的变量会被提升到作用域顶部（但赋值不会被提升）：

console.log(a); // 输出 undefined 而不是报错
var a = 5;

而 let 和 const 不会被提升，访问它们会报错（暂时性死区）。

最佳实践

1. 优先使用 const，除非需要重新赋值
2. 需要重新赋值的变量使用 let
3. 避免使用 var（除非有特殊原因）
4. 变量名要有意义，避免使用单个字母（除非在循环中）
5. 初始化变量时尽量赋初值

示例

// 使用 const 声明不会改变的值
const API_KEY = "abc123";

// 使用 let 声明会改变的值
let counter = 0;
counter = counter + 1;

// 多变量声明
let firstName = "张", lastName = "三", age = 30;

// 解构赋值
let [a, b] = [1, 2];
let {name, age} = {name: "李四", age: 25};

理解变量是学习 JavaScript 的基础，掌握好变量声明和作用域概念对后续学习非常重要。