## 第2章：变量与数据——JS的“储物箱” ### 2.1 为什么需要变量？ 想象一下，如果我们写代码时每次用到数据都要重新输入，就像每次喝水都要临时找水源头一样麻烦。变量（Variable）就是JavaScript给我们提供的“储物箱”，让我们可以把数据存起来，随时取用。 #### 生活例子：用“杯子”装水 日常生活中，我们不会直接用手捧水喝，而是会用杯子来装水。这里： - **杯子**就相当于**变量**（用来存储东西的容器） - **水**就相当于**数据**（我们要处理的信息） 为什么要用杯子？因为： 1. 方便携带（可以把水从厨房带到客厅） 2. 可以重复使用（喝完了还能再装） 3. 有标识性（知道哪个杯子是自己的） 变量的作用和杯子完全一样，它让我们可以方便地存储、重复使用和标识数据。 #### 代码例子：没有变量的烦恼 假设我们要写一个程序向用户打招呼，如果不使用变量，代码可能是这样的： ```javascript // 不使用变量的情况 alert("欢迎来到我的网站，张三！"); alert("张三，今天天气不错哦！"); alert("张三，你有3条新消息！"); ``` 看起来还行？但如果我们想把名字改成“李四”，就需要修改**每一处**出现“张三”的地方。如果代码有100处用到这个名字，就要修改100次！ #### 代码例子：有变量的便利 现在我们用变量来存储名字，看看有什么变化： ```javascript // 使用变量的情况 let userName = "张三"; // 或者用var关键字（旧方式） // var userName = "张三"; alert("欢迎来到我的网站，" + userName + "！"); alert(userName + "，今天天气不错哦！"); alert(userName + "，你有3条新消息！"); ``` 现在，如果要把名字改成“李四”，我们只需要修改**第一行**： ```javascript let userName = "李四"; // 只需改这里 ``` 所有用到`userName`的地方都会自动更新！这就是变量的魔力——**一次定义，多次使用，方便修改**。 #### 变量解决的核心问题 1. **数据复用**：避免重复输入相同数据 2. **代码维护**：修改一处，多处生效 3. **可读性**：用有意义的名称（如`userName`）代替晦涩的数据 4. **内存管理**：让计算机知道如何高效存储和访问数据 #### 动手思考 看看下面两段代码，你觉得哪段更容易维护？为什么？ **代码A**： ```javascript alert("您的订单号是：OD20231105001"); alert("OD20231105001 已发货"); alert("请查看 OD20231105001 的物流信息"); ``` **代码B**： ```javascript let orderId = "OD20231105001"; alert("您的订单号是：" + orderId); alert(orderId + " 已发货"); alert("请查看 " + orderId + " 的物流信息"); ``` > **编程金句**：变量是代码的“代词”，用好变量能让你的代码像流畅的句子一样容易理解。