费曼学习法 - 深入理解变量

费曼学习法
3 阅读8分钟

📝 任务 1：什么是变量？（用大白话讲）

❌ 错误说法（太抽象）

"变量是存储数据的容器"

问题：  "容器"是什么？钱包？盒子？还是瓶子？太抽象了！

✅ 正确说法（具体形象）

比喻 1：变量 = 贴了标签的储物柜

想象你去健身房：

更衣室里有一排储物柜：
┌─────┬─────┬─────┬─────┐
│ 001 │ 002 │ 003 │ 004 │
└─────┴─────┴─────┴─────┘

你拿到一个柜子（比如 003 号），然后：
1. 在柜门上贴个标签："我的包"
2. 把你的包放进去
3. 下次说"我的包"，就是指这个柜子里的东西

对应到编程：

// 贴标签 + 放东西
let 我的包 = "背包"

// 使用
console.log(我的包);  // "背包"

关键点：

  • 储物柜 = 内存空间
  • 标签 = 变量名
  • 柜子里的东西 = 值

比喻 2：变量 = 便利贴

想象你的办公桌：

桌上有很多文件、物品：
- 一份合同
- 一杯咖啡
- 一台笔记本电脑

你在便利贴上写字，然后贴在物品上：
┌──────────┐
│ 重要合同 │ → 贴在合同上
└──────────┘

┌──────────┐
│ 我的咖啡 │ → 贴在咖啡杯上
└──────────┘

下次你说"我的咖啡"，大家都知道是哪杯

对应到编程：

// 贴便利贴
let 重要合同 = "合作协议.pdf";
let 我的咖啡 = "拿铁";

// 要用哪个就拿哪个
console.log(重要合同);  // "合作协议.pdf"
console.log(我的咖啡);  // "拿铁"

比喻 3：变量 = 快递柜的格子

想象小区的快递柜：

快递柜有很多格子：
[格 1][格 2][格 3][格 4]

快递员做了两件事：
1. 选一个空格子（比如格 3）
2. 在屏幕上输入你的名字（比如"张三"）
3. 把快递放进去

系统记录：
- 张三 → 3 号格

你取快递时：
- 说"我是张三"
- 柜门自动打开（3 号格）

对应到编程：

// 快递员放快递
let 张三 = "你的快递";

// 你取快递
console.log(张三);  // "你的快递"

🎯 变量的三个要素（说人话版）

1️⃣ 声明变量 = 申请一个储物柜

let age;  // 跟电脑说：给我留个位置，我要存东西

就像去健身房：

  • 你跟前台说："给我留个柜子"
  • 前台给你一个空柜子（但还没放东西）

2️⃣ 赋值 = 往柜子里放东西

age = 25;  // 把 25 这个数字放进去

就像：

  • 你把书包放进柜子
  • 现在柜子里有东西了

合并写法：

let age = 25;  // 申请柜子 + 放东西，一步搞定

3️⃣ 使用变量 = 从柜子里拿东西

console.log(age);  // 看看柜子里有什么

就像：

  • 你说"我的柜子"
  • 打开柜子，拿出书包

🌰 完整例子：变量的生命周期

// 第 1 步：声明变量（申请柜子）
let name;

// 第 2 步：赋值（放东西）
name = "张三";

// 第 3 步：使用（拿东西）
console.log(name);  // "张三"

// 第 4 步：重新赋值（换东西）
name = "李四";

// 第 5 步：再次使用
console.log(name);  // "李四"

生活比喻：

1. 你租了个储物柜（let name）
2. 放入你的书包（name = "张三"）
3. 打开柜子看书包（console.log(name)）
4. 把书包拿出来，放入篮球（name = "李四"）
5. 再打开柜子，现在是篮球了（console.log(name)）

📝 任务 2：解释代码含义

代码分析

age = 25
age = 26

❓ 思考题 1：第二行代码做了什么？

✅ 答案：它替换了第一行的值

详细过程：

第 1 行：age = 25
┌──────────────┐
│   age 柜子   │
│              │
│    [25]     │ ← 放入 25
└──────────────┘

第 2 行：age = 26
┌──────────────┐
│   age 柜子   │
│              │
│    [26]     │ ← 把 25 拿出来，放入 26
└──────────────┘

不是：

  • ❌ 又开了一个新柜子
  • ❌ 在 25 后面加上 26

而是：

  • ✅ 还是那个柜子
  • ✅ 把旧东西扔掉，放新东西

❓ 思考题 2：原来的 25 去哪了？

✅ 答案：被覆盖了，消失了

详细解释：

想象你的白板：

第 1 行：age = 25

你在白板上写：
┌────────────┐
│ age: 25    │
└────────────┘

第 2 行：age = 26

你擦掉 25，写上 26：
┌────────────┐
│ age: 26    │  ← 25 被擦掉了，没了
└────────────┘

关键点：

  • 25 不会跑到别的地方
  • 也不会藏在某个角落
  • 就是被覆盖了，不存在了

生活例子：

  1. 手机拍照

    • 拍了一张照片（age = 25）
    • 又在同一个位置拍了新的（age = 26）
    • 旧照片被覆盖了，找不回来了

  2. Word 文档

    • 写了"今天天气很好"（保存）
    • 改成"今天天气不错"（保存）
    • 原来的"很好"不见了

  3. 停车场

    • A 车停在 3 号车位（age = 25）
    • A 车开走，B 车停进来（age = 26）
    • 3 号车位现在是 B 车，A 车不在这里了

❓ 思考题 3：变量可以随便改名吗？

✅ 答案：可以改，但要小心！

情况 1：声明前改名 - 完全没问题 ✅

// 一开始就用不同的名字
let age = 25;      // 叫 age
let Age = 25;      // 叫 Age（大写开头）
let AGE = 25;      // 叫 AGE（全大写）

// 这三个是完全不同的变量！
console.log(age);   // 25
console.log(Age);   // 25
console.log(AGE);   // 25

生活比喻：

  • 你有三个不同的储物柜
  • 分别贴了"age"、"Age"、"AGE"三个标签
  • 虽然都放了 25，但是三个独立的柜子

情况 2：使用中改名 - 会出问题 ⚠️

// 错误示范
let age = 25;
let Age = age;  // 想把 age 的值给 Age

console.log(age);  // 25（还在）
console.log(Age);  // 25（复制了一份）

// 但这不是改名，是创建了新变量！

正确做法：

// 直接用新名字替换旧名字（手动改代码）
let 年龄 = 25;  // 不用 age 了，改用中文
console.log(年龄);  // 25

情况 3：大小写敏感 - JavaScript 严格区分大小写 ⚡

let name = "张三";
let Name = "李四";
let NAME = "王五";

// 这是三个完全不同的变量！
console.log(name);   // "张三"
console.log(Name);   // "李四"
console.log(NAME);   // "王五"

重要提醒：

  • age 和 Age 是两个变量
  • score 和 Score 是两个变量
  • myName 和 MyName 是两个变量

生活比喻：

  • 就像储物柜的编号：

    • "A01"是一个柜子
    • "a01"是另一个柜子
    • 虽然看起来像，但电脑认为是不同的

情况 4：不能用的名字 - 保留字 ❌

// 这些名字不能用！
let if = 25;      // ❌ if 是关键字
let for = 10;     // ❌ for 是关键字
let function = 1; // ❌ function 是关键字

常见保留字：

  • if, else, for, while
  • function, return, let, const, var
  • class, new, this

生活比喻：

  • 就像有些储物柜编号是预留的：

    • "000 号"是管理员专用
    • "999 号"是紧急备用
    • 你不能租这些号码

🎯 变量命名最佳实践

✅ 好名字的 3 个标准

1️⃣ 见名知意 - 一看就知道是啥

// ❌ 坏名字
let a = 25;        // a 是什么？没人知道
let x = "张三";    // x 代表什么？
let data = [];     // 什么数据？

// ✅ 好名字
let age = 25;           // 年龄
let userName = "张三";   // 用户名
let shoppingCart = [];   // 购物车

2️⃣ 统一风格 - 全程保持一致

// 推荐：驼峰命名法（小驼峰）
let firstName = "张";
let lastName = "三";
let totalPrice = 100;
let maxCount = 10;

// 或者：下划线命名法
let first_name = "张";
let last_name = "三";
let total_price = 100;

不要混用：

// ❌ 乱七八糟
let firstName = "张";
let Last_Name = "三";  // 又改下划线又改大写
let TOTALPRICE = 100;  // 突然全大写

3️⃣ 避免歧义 - 不要让人误解

// ❌ 容易误解
let book = "Harry Potter";  // 是书名？还是书本对象？
let list = [1, 2, 3];       // 是列表？还是清单？

// ✅ 清晰明确
let bookName = "Harry Potter";   // 明确是书名
let numberList = [1, 2, 3];      // 明确是数字列表

💡 实战练习

练习 1：给下面的变量起个好名字

// 场景：记录你的信息

// ❌ 坏名字
let a = "张三";
let b = 25;
let c = 175;
let d = "程序员";

// ✅ 你来改：
let ______ = "张三";
let ______ = 25;
let ______ = 175;
let ______ = "程序员";

参考答案：

let name = "张三";
let age = 25;
let height = 175;
let job = "程序员";

练习 2：预测输出结果

let score = 100;
score = 90;
score = 80;

console.log(score);  // 输出多少？

答案：  80

解释：

第 1 行：score 柜子放入 100
第 2 行：把 100 拿出来，放入 90
第 3 行：把 90 拿出来，放入 80
最后：柜子里是 80

练习 3：找出错误

let my-age = 25;      // 第 1 行
let 1name = "张三";   // 第 2 行
let For = 10;         // 第 3 行

答案：

  1. 第 1 行错：变量名不能有减号 -

    • ✅ 应该用下划线：let my_age = 25;
    • ✅ 或者驼峰：let myAge = 25;

  2. 第 2 行错：变量名不能用数字开头

    • ✅ 应该：let name1 = "张三";

  3. 第 3 行对：For 可以用（虽然 for 是关键字，但 For 首字母大写，不算关键字）

    • ⚠️ 但不建议，容易混淆

🎓 自我检测清单

学完这个，你应该能回答：

  • 变量是什么？（能用生活例子说明）
  • 声明变量和赋值有什么区别？
  • 重新赋值后，原来的值去哪了？
  • 变量名可以随便改吗？有什么限制？
  • [ ] age 和 Age 是同一个变量吗？
  • 哪些词不能作为变量名？
  • 什么样的变量名是好名字？

💪 鼓励的话

作为编程零基础的你，可能会觉得：

  • "变量好抽象啊"
  • "我能学会吗"

我想告诉你：

  1. 变量一点都不难，就是个贴标签的游戏
  2. 你已经会了，生活中天天用（储物柜、快递柜、便利贴）
  3. 多练习几次，自然就熟悉了
  4. 犯错很正常，每个程序员都经历过

记住：

"不是因为厉害了才坚持，而是因为坚持了才厉害"

加油！你一定可以的！🌟💪

avatar
文章
阅读
粉丝