JavaScript 变量详解 - 从入门到精通

JavaScript 变量详解 - 从入门到精通

ru.javascript.info Современный учебник JavaScript 项目地址: https://gitcode.com/gh_mirrors/ru/ru.javascript.info

什么是变量

在编程中，变量是存储数据的基本单元。想象一下现实生活中的容器，变量就像是一个贴有标签的盒子，我们可以把各种数据放进去，需要时再取出来使用。

在JavaScript中，变量用于存储各种信息：

• 电商网站中的商品信息、购物车数据
• 聊天应用中的用户信息、消息内容
• 游戏中的玩家分数、生命值等

变量声明基础

使用let声明变量

现代JavaScript中使用let关键字声明变量：

let message; // 声明一个名为message的变量

声明后可以给变量赋值：

message = 'Hello JavaScript!'; // 将字符串赋值给message变量

也可以合并声明和赋值：

let message = 'Hello!'; // 声明并立即初始化

多变量声明

可以在一行中声明多个变量：

let user = 'John', age = 25, city = 'New York';

但为了提高可读性，建议每行声明一个变量：

let user = 'John';
let age = 25;
let city = 'New York';

变量命名规则

良好的变量命名是写出可维护代码的关键。以下是JavaScript变量命名的基本规则：

1. 合法字符：可以使用字母、数字、下划线_和美元符号$
2. 首字符限制：不能以数字开头
3. 大小写敏感：myVar和myvar是不同的变量
4. 保留字限制：不能使用JavaScript保留关键字（如let、class、return等）

命名最佳实践

• 使用驼峰命名法：myVeryLongVariableName
• 变量名应清晰表达其用途
• 避免使用单个字母命名（除非在循环等简单场景）
• 对于布尔值，可以使用is或has前缀：isActive, hasPermission

好的命名示例：

let shoppingCart = [];
let userAge = 30;
let isLoggedIn = true;

不好的命名示例：

let a = []; // 什么购物车？
let x = 30; // 谁的年龄？
let flag = true; // 什么状态？

常量(const)

使用const声明不可变的变量（常量）：

const PI = 3.14159;

常量特点：

1. 声明时必须初始化
2. 不能重新赋值
3. 通常用全大写命名（对于已知的硬编码值）

何时使用const：

• 对于不会改变的值（如数学常数、配置值）
• 对于引用类型的对象/数组（虽然内容可以修改，但引用不变）

var与let/const的区别

var是旧的变量声明方式，与let主要有以下区别：

1. 函数作用域 vs 块级作用域
2. 变量提升行为不同
3. 可以重复声明

现代JavaScript开发中建议使用let和const，var只存在于旧代码中。

变量使用最佳实践

1. 优先使用const：默认使用const，只有需要重新赋值时才用let
2. 描述性命名：变量名应清晰表达其用途
3. 避免全局变量：尽量减少全局变量的使用
4. 初始化变量：声明时尽量初始化变量
5. 保持一致性：团队应遵循统一的命名约定

常见错误

1. 未声明变量：

message = 'Hello'; // 严格模式下会报错

2. 重复声明：

let message = 'Hi';
let message = 'Hello'; // SyntaxError

3. 修改常量：

const PI = 3.14;
PI = 3.14159; // TypeError

变量在内存中的表现

理解变量在内存中的存储方式很重要：

• 原始类型（数字、字符串等）直接存储值
• 引用类型（对象、数组等）存储内存地址

let a = 10;
let b = a; // b得到的是a值的副本

let obj1 = { name: 'John' };
let obj2 = obj1; // obj2和obj1引用同一个对象

总结

变量是JavaScript编程的基础，合理使用变量可以使代码更清晰、更易维护。记住：

1. 使用let和const声明变量
2. 为变量选择有意义的名字
3. 默认使用const，只有需要重新赋值时才用let
4. 遵循一致的命名约定
5. 避免使用var，除非维护旧代码

掌握变量的正确使用方式是成为JavaScript开发者的重要一步。

ru.javascript.info Современный учебник JavaScript 项目地址: https://gitcode.com/gh_mirrors/ru/ru.javascript.info