JavaScript变量详解

在JavaScript中，变量是存储数据的基本单元，它们就像贴有标签的容器，可以存放各种类型的数据值。理解变量的声明和使用是掌握JavaScript编程的基础。

变量声明方式

JavaScript提供了多种声明变量的方式：

• 不使用任何关键字（不推荐）
• 使用var关键字（ES5及之前版本）
• 使用let关键字（ES6引入）
• 使用const关键字（ES6引入）

变量命名规则

JavaScript变量命名需要遵循以下规则：

• 可以包含字母、数字、下划线和美元符号
• 不能以数字开头
• 区分大小写
• 不能使用保留关键字
• 支持Unicode字符

变量作用域

JavaScript变量有两种作用域：

• 全局作用域：在整个程序中都可访问
• 局部作用域：仅在函数内部可访问

<script>
   var globalVar = "全局变量";
   
   function testScope() {
      var localVar = "局部变量";
      console.log(globalVar); // 可以访问
   }
   
   console.log(localVar); // 报错，无法访问
</script>

变量提升

使用var声明的变量会存在提升现象，即变量可以在声明前使用（值为undefined）。而let和const不存在提升。

<script>
   console.log(x); // 输出undefined
   var x = 5;
   
   console.log(y); // 报错
   let y = 10;
</script>

最佳实践

现代JavaScript开发建议：

• 优先使用const声明不变的量
• 需要重新赋值的变量使用let
• 避免使用var
• 变量名使用驼峰命名法
• 避免使用全局变量