第三章支线一 ·原能之核：语法起源

主线回顾

第三章：JavaScript引擎 · 行为之火

🎬 剧情设定：

在穿越 CSS 的风暴之后，林昊踏入了“原能秘谷”——这里是操控网页逻辑的源泉。

迎接他的是一位身披符文编织袍的智者——原能使·莱欧。他手中浮动着微光数据流，如代码构成的星辰。

莱欧低声吟诵：“万象之网，始于三元之核：变量、数据与语句。”

---

🧱 第一节 · 变量之种

教学点：let, const, var 区别与使用

莱欧召唤出三种能量核：

let name = "林昊";     // 可变之力
const age = 21;       // 不变之契
var legacy = "旧语";  // 古法残魂（已过时）

✦ let：现代推荐，支持块级作用域
✦ const：定义不可更改的值（常用于常量、函数、对象）
✦ var：作用域混乱，仅供了解旧代码用

🔢 第二节 · 数据形态

教学点：基础数据类型

林昊观测能量图谱，发现 JS 的七种基本粒子：

类型	示例
String	“Hello”
Number	42, 3.14
Boolean	true, false
Null	null
Undefined	undefined
Symbol	Symbol(“id”)
BigInt	123456789012345678901234567890n

还有两个重要复合结构：

• Array：[1, 2, 3]
• Object：{ name: “昊”, level: 1 }

🔁 第三节 · 运算与分支

莱欧踏出法阵：“若想影响世界，需掌控判断与路径。”

运算符

let total = 5 + 3;      // 加法
let name = "林" + "昊"; // 字符拼接
let result = 10 > 5;    // 比较运算

条件语句

if (total > 5) {console.log("胜利！");
} else {console.log("再试一次！");
}

🔄 第四节 · 循环逻辑之环

“若要操控集合，必须唤醒循环之环。”

for (let i = 0; i < 5; i++) {console.log("第 " + i + " 次");
}

或使用 Array 方法：

let names = ["林昊", "风戒", "伊西娅"];
names.forEach((name) => {console.log("欢迎你，" + name);
});

---

🧪 魔法试炼任务

1.声明一个变量 playerName，并输出欢迎语
2. 判断某个数字是否大于 10，打印不同语句
3. 使用循环输出数组中每个元素的索引与值

---

🎁 成就与奖励

原能使赐予林昊「语法魂晶」，掌控变量与条件之力。随着他初步掌握“原能语”，能感知页面的逻辑流动与行为雏形。