第三章支线二 ·函数幻阶:语法召唤与逻辑封印
主线回顾
第三章:JavaScript引擎 · 行为之火
其他支线
支线一 ·原能之核:语法起源
🎬 剧情设定:
林昊踏上“幻阶浮廊”,台阶如函数体般从空中一段段拼接。阶梯之巅,是一位古老的法术召唤者——封印者·菲萝娜。
她持双戒——左手书写声明,右手释放调用。
菲萝娜淡然道:“函数,是将逻辑封印为法术的方式,唯有掌控封印者之律,才能构建真正的网页魔法。”
🔮 第一节 · 函数的封印之式
教学点:函数声明与调用
function greet(name) {console.log("你好," + name + "!");
}greet("林昊"); // 调用函数
- 声明:function + 名称 + 参数 + 封装逻辑体
- 调用:用括号触发执行
封印者菲萝娜解释:函数是对重复逻辑的封装与命名召唤。像是一段咒语,你赋予它名字与触发方式。
🌀 第二节 · 函数表达式与箭头语法
菲萝娜挥手,展示现代函数的轻盈写法:
const greet = (name) => {console.log("你好," + name);
};
或者更简洁的写法:
const add = (a, b) => a + b;
✦ 箭头函数适合简洁表达
✦ 不绑定自身 this(适合回调、匿名函数等)
🎲 第三节 · 参数与返回值:能量输入与结果导出
函数可以接收参数并返回结果:
function square(x) {return x * x;
}let result = square(4); // 返回 16
- return 语句将结果导出
- 函数也可以什么都不返回(副作用型)
🧩 第四节 · 高阶魔法:函数作为值
函数可以作为值传递、返回、存储:
function multiplier(factor) {return function (number) {return number * factor;};
}let double = multiplier(2);
console.log(double(5)); // 10
这是函数的闭包之术——一个函数记住了它创建时的上下文。
🎯 第五节 · 魔法阵实战任务
- 编写一个函数 isEven,判断传入的数字是否为偶数
- 编写一个函数 greetAll,接收一个名字数组并依次打招呼
- 尝试写一个返回函数的函数,用以构建加倍器(如 triple = multiplier(3))
🧝♀️ 菲萝娜的教诲 · 本章总结
“函数,是你在代码之地构建的第一个魔法阵。记住:每一个函数,都是你逻辑思想的结晶。”
🎁 成长与奖励
林昊获得新称号「封印学徒」,获得技能:
- 🎓 熟练使用函数定义与调用
- 🎓 掌握箭头函数与闭包基础
- 🎓 学会构建模块化、可重用逻辑