第三章支线二 ·函数幻阶:语法召唤与逻辑封印

主线回顾

第三章: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

这是函数的闭包之术——一个函数记住了它创建时的上下文。

第五节 · 魔法阵实战任务

  1. 编写一个函数 isEven,判断传入的数字是否为偶数
  2. 编写一个函数 greetAll,接收一个名字数组并依次打招呼
  3. 尝试写一个返回函数的函数,用以构建加倍器(如 triple = multiplier(3))

‍♀️ 菲萝娜的教诲 · 本章总结

“函数,是你在代码之地构建的第一个魔法阵。记住:每一个函数,都是你逻辑思想的结晶。”

成长与奖励

林昊获得新称号「封印学徒」,获得技能:

  • 熟练使用函数定义与调用
  • 掌握箭头函数与闭包基础
  • 学会构建模块化、可重用逻辑

你可能感兴趣的:(代码之门:前端纪元,javascript,前端,开发语言)