2.1 为什么需要变量

第2章：变量与数据——JS的“储物箱”

2.1 为什么需要变量？

想象一下，如果我们写代码时每次用到数据都要重新输入，就像每次喝水都要临时找水源头一样麻烦。变量（Variable）就是JavaScript给我们提供的“储物箱”，让我们可以把数据存起来，随时取用。

生活例子：用“杯子”装水

日常生活中，我们不会直接用手捧水喝，而是会用杯子来装水。这里：

• 杯子就相当于变量（用来存储东西的容器）
• 水就相当于数据（我们要处理的信息）

为什么要用杯子？因为：

1. 方便携带（可以把水从厨房带到客厅）
2. 可以重复使用（喝完了还能再装）
3. 有标识性（知道哪个杯子是自己的）

变量的作用和杯子完全一样，它让我们可以方便地存储、重复使用和标识数据。

代码例子：没有变量的烦恼

假设我们要写一个程序向用户打招呼，如果不使用变量，代码可能是这样的：

// 不使用变量的情况
alert("欢迎来到我的网站，张三！");
alert("张三，今天天气不错哦！");
alert("张三，你有3条新消息！");

看起来还行？但如果我们想把名字改成“李四”，就需要修改每一处出现“张三”的地方。如果代码有100处用到这个名字，就要修改100次！

代码例子：有变量的便利

现在我们用变量来存储名字，看看有什么变化：

// 使用变量的情况
let userName = "张三";
// 或者用var关键字（旧方式）
// var userName = "张三";

alert("欢迎来到我的网站，" + userName + "！");
alert(userName + "，今天天气不错哦！");
alert(userName + "，你有3条新消息！");

现在，如果要把名字改成“李四”，我们只需要修改第一行：

let userName = "李四"; // 只需改这里

所有用到userName的地方都会自动更新！这就是变量的魔力——一次定义，多次使用，方便修改。

变量解决的核心问题

1. 数据复用：避免重复输入相同数据
2. 代码维护：修改一处，多处生效
3. 可读性：用有意义的名称（如userName）代替晦涩的数据
4. 内存管理：让计算机知道如何高效存储和访问数据

动手思考

看看下面两段代码，你觉得哪段更容易维护？为什么？

代码A：

alert("您的订单号是：OD20231105001");
alert("OD20231105001 已发货");
alert("请查看 OD20231105001 的物流信息");

代码B：

let orderId = "OD20231105001";
alert("您的订单号是：" + orderId);
alert(orderId + " 已发货");
alert("请查看 " + orderId + " 的物流信息");

> 编程金句：变量是代码的“代词”，用好变量能让你的代码像流畅的句子一样容易理解。