JavaScript 变量与标识符命名规则及作用域详解

标识符的定义与命名规则

标识符（Identifier）是给变量、函数、属性或参数命名的名字，也可用作循环语句中标识跳转位置的标签。在 JavaScript 中，标识符的命名需遵循严格的词法规则：

1. 基本构成要素

• 首字符：必须是字母、下划线 _ 或美元符号 $，严禁以数字开头。
• 后续字符：允许包含字母、数字、_ 和 $。
• 大小写敏感：JavaScript 区分大小写，例如 myVar 与 myvar 是两个不同的标识符。

2. 保留字限制

关键字（如 var, function, if）、未来保留字、布尔值字面量（true, false）及空字面量不能作为普通标识符使用。

3. Unicode 支持

虽然 JavaScript 允许在标识符中使用 Unicode 字符（包括中文），但出于可读性和跨平台兼容性考虑，通常建议仅使用 ASCII 字符集。

4. 常见命名风格

业界普遍采用 小驼峰式（camelCase），即第一个单词全小写，后续单词首字母大写。例如：myMoodToday。此外，不同数据类型也有约定俗成的前缀习惯，虽非语法强制，但有助于代码识别：

// 示例：常见的类型前缀约定
let aItems = [];      // Array
let bIsComplete = true; // Boolean
let fPrice = 99.9;    // Float
let fnHandler = () => {}; // Function
let iCount = 10;      // Integer
let sName = "Test";   // String

变量的声明、赋值与特性

变量本质上是程序中保存值的占位符。在 JavaScript 中，变量通过 var 关键字进行显式声明，但在特定条件下也可发生隐式声明。

第1步：变量声明与初始化

目的：为变量分配内存空间并确定名称。
入口：代码编写区域。
动作：使用 var 关键字，后接标识符名。
注意：var 可同时声明多个变量，用逗号分隔。

// 单独声明
var message;

// 多重声明
var i, sum;

初始化是指首次给变量赋值的过程。声明与初始化可以合并执行：

var message = 'hello';
var i=0, j=0, k=0;

若仅声明而未赋值，该变量的内部状态为 undefined。

第2步：变量赋值与类型转换

目的：向变量存入具体数据。
动作：使用赋值运算符 =。
重要参数：JavaScript 是弱类型（松散类型）语言。

在声明变量时无需指定数据类型，且在运行期间可以随时修改变量所存数据的类型：

var message = 'hi'; // 字符串
message = 100;      // 变为数字，合法但不推荐

重复声明：var 允许对同一变量重复声明。若同时带有赋值操作，则相当于重新赋值；若无赋值，则无副作用。

第3步：遗漏声明与严格模式

目的：理解未声明变量的行为差异。
风险：在非严格模式下，直接赋值会自动创建全局变量，极易引发命名冲突。

尝试读取未声明变量会抛出 ReferenceError。但在非严格模式中，直接赋值会自动在全局对象（浏览器中为 window）上创建该属性：

然而，在 ECMAScript 5 严格模式（通过 'use strict'; 开启）中，这种隐式创建是被禁止的，赋值未声明变量同样会报错。

变量作用域与声明提升

作用域决定了变量可被访问的代码区域。JavaScript 主要存在两种作用域：

1. 全局作用域

定义在函数之外的变量具有全局作用域。在浏览器环境中，它们被视为 window 对象的属性。全局变量直到页面关闭或程序退出才被销毁。

2. 函数作用域（局部作用域）

使用 var 在函数内声明的变量，仅在该函数体内有效。函数执行完毕后，其局部作用域及其中的变量会被销毁。

function test() {
  var message = 'hi'; // 局部变量
}
test();
alert(message); // ReferenceError: message is not defined

忽略 var 的风险：
如果在函数内省略 var 直接赋值，该变量将变成全局变量。这会导致命名污染且难以维护，在严格模式下更会直接导致错误。

function test() {
  message = 'hi'; // 全局变量，不推荐
}
test();
alert(message); // 'hi'

声明提升（Hoisting）机制

JavaScript 引擎在执行代码前，会先进行预编译阶段。在此阶段，所有使用 var 声明的变量都会被“提升”到当前作用域的顶部，但赋值操作保留在原位。这意味着变量可以在声明之前被访问，但值为 undefined。

// 实际执行逻辑等同于：
var scope;
console.log(scope); // undefined
scope = 'local';
console.log(scope); // 'local'

由于 JavaScript 没有块级作用域（即花括号 {} 不会创建新作用域），程序员常将所有 var 声明置于函数体顶部，以清晰反映实际的变量生命周期和遮蔽关系（局部变量覆盖同名全局变量）。