函数基础 - 解决重复代码的秘密武器

现在让我们看看具体的 sum 函数是如何对应这四个部分的：

我们现在以上面的 sum 函数为例，进行详细的语法讲解：

函数的完整语法结构：

1. function 关键字

   • 告诉 TypeScript 我们要定义一个函数
   • 这是所有函数定义的开始

2. 函数名称：sum

   • 给函数起一个名字，方便调用
   • 就像变量名一样，函数名要符合命名规则

3. 输入参数列表：(n: number)

   • 用圆括号 () 包围
   • 可以支持多个参数，用逗号分隔（后面会学到）
   • 每个参数必须指定类型：参数名: 类型
   • 这里 n: number 表示参数名为 n，类型为数字
   • 重要：参数类型不能依赖自动推断，必须显式声明（因为在定义的时候无法推断）
   • 语法类比：n: number 的语法结构和使用 let n: number 很相似，只是没有 let 关键字

4. 返回类型：: number

   • 在参数列表的后面，用冒号 : 指定
   • 只有类型，没有名称（因为返回值不需要名字）
   • 告诉调用者这个函数会返回什么类型的数据
   • 这里 : number 表示函数承诺返回一个数字

5. 函数体：{...}

   • 用大括号 {} 包围的代码块
   • 包含具体的处理逻辑和计算步骤

6. return 关键字

   • 在函数体内部，用来指定返回值
   • return total; 表示将 total 的值作为函数的返回结果
   • return 后面的值类型必须与声明的返回类型一致

完整语法模板：

function 函数名(参数1: 类型1, 参数2: 类型2): 返回类型 {
  // 函数体：处理逻辑
  return 返回值; // 必须与返回类型匹配
}

函数调用的语法

定义完函数后，我们需要调用函数来使用它。让我们学习函数调用的语法：

回顾：我们已经见过的"调用"

在之前的课程中，我们已经多次接触过"调用"的概念：

在数组课程中，我们学过调用方法：

我们一直在使用 console.log()：

现在学习调用我们自己定义的函数：

调用方法的特点：

• 语法：变量名.方法名(参数)（注意中间的点号 .）
• 前提：必须先有一个数据类型的变量（对象），array.push() 中的 array 是数组类型的变量，console.log() 中的 console 是系统控制台类型的变量
• 原理：我们调用的是这个数据类型"附带的"功能方法

调用函数的特点：

• 语法：函数名(参数)（没有点号，直接使用函数名）

虽然语法不同，但本质上是相同的：

• 都是执行某个功能块
• 都可以传入参数
• 都可以获得返回结果
• 都是编程中的"调用"概念

💡 提示： 关于数据类型和对象的概念，我们在后续课程中详细学习。现在你只需要理解：

• array 和 console 都是某种数据类型的变量
• 它们自带了一些方法（如 push、log）
• 我们通过 变量名.方法名() 的形式来使用这些方法

函数调用的详细解析和执行流程

让我们通过一个完整的例子来分析函数调用的每个步骤：

函数调用 sum(5) 的详细分解：

1. 函数名：sum

   • 告诉程序要调用哪个函数
   • 必须与定义时的函数名完全一致

2. 圆括号 ()

   • 表示这是一个函数调用
   • 所有参数都要放在圆括号内

3. 参数 5

   • 要传递给函数的具体值
   • 5 会被赋值给函数定义中的参数 n
   • 类型匹配：5 是 number 类型，与 n: number 的类型要求一致

4. 赋值操作 let result = sum(5)

   • 函数执行完后返回 15
   • 返回值 15 被保存到变量 result 中
   • TypeScript 自动推断 result 为 number 类型

函数调用的类型检查和类型推断

让我们用一个完整的 sum 函数例子来说明 TypeScript 的类型检查和类型推断：

TypeScript 的自动类型推断：

当我们调用 sum(10) 时，TypeScript 会：

1. 检查参数类型：确认 10 是 number 类型，匹配 n: number 的要求
2. 推断返回值类型：根据函数声明的 : number，自动将 result1 推断为 number 类型

函数调用的基本语法

基于上面的分析，我们可以总结出函数调用的通用语法结构：

直接调用（不保存返回值）：

函数名(参数1, 参数2, ...);

保存返回值到变量：

let 变量名 = 函数名(参数1, 参数2, ...);

语法要点：

• 函数名：必须与定义时的名称完全一致
• 圆括号：表示函数调用，所有参数都放在括号内
• 参数：按顺序传递，类型必须匹配定义时的参数类型
• 返回值：可以保存到变量中，也可以直接使用

多个参数的函数

函数可以接收多个参数，这让函数能够处理更复杂的数据和逻辑。

多个参数的定义和调用

让我们看一个完整的例子，包含函数定义和调用，你可以直接运行这些代码：

参数定义规则：

1. 参数分隔：多个参数用逗号 , 分隔
2. 每个参数都要有类型：参数名: 类型
3. 顺序重要：参数的顺序在调用时必须保持一致
4. 类型声明：每个参数都必须明确声明类型

调用要点：

• 按顺序传递：第一个值传给第一个参数，第二个值传给第二个参数，以此类推
• 类型匹配：传递的值类型必须与参数类型匹配
• 数量一致：传递的参数数量必须与定义的参数数量一致

函数调用的常见用途

让我们通过一个完整的例子来演示函数调用的各种常见用途：

函数调用的核心原理

通过上面的例子，我们可以理解函数调用的一个核心概念：函数调用的结果就是一个值，这个值可以用在任何需要它的地方。

理解复杂的函数嵌套调用

让我们重点分析 add(add(1, 2), add(3, 4)) 这个嵌套调用：

执行顺序：

1. 先计算内层的 add(1, 2)，得到结果 3
2. 再计算内层的 add(3, 4)，得到结果 7
3. 最后计算外层的 add(3, 7)，得到最终结果 10

关键理解： 函数调用的结果就是一个普通的数值，可以：

1. 赋值给变量：let result = add(1, 2);
2. 直接进行比较：if (add(1, 2) >= 3)
3. 再次传递给函数作为参数：add(add(1, 2), add(3, 4))

这就是为什么函数调用可以像数学公式一样灵活使用——因为函数的返回值就是一个普通的值！

练习

练习1：数组求和函数

练习2：较大值和较小值函数

练习3：查找数组的最大值和最小值

💡 重要说明：在这个练习中，我们不需要处理数组为空的情况，因为测试用的数组已经有元素了。

练习4：判断偶数和奇数

回顾：取余运算符判断奇偶数

我们在"基础运算符"课程中学过，可以用取余数 % 来判断奇偶数：

• 偶数：能被2整除，余数是0（如 8 % 2 === 0）
• 奇数：不能被2整除，余数不是0（如 7 % 2 !== 0）

练习5：绝对值和平方

什么是绝对值？

绝对值表示一个数到0的距离：

• 正数的绝对值是它本身（如 5 的绝对值是 5）
• 负数的绝对值是它的相反数（如 -5 的绝对值是 5）
• 0 的绝对值是 0
• 绝对值永远是非负数（大于等于0）

什么是平方？

平方就是数字自己乘自己：

• 3的平方 = 3 × 3 = 9
• 5的平方 = 5 × 5 = 25
• 10的平方 = 10 × 10 = 100

练习6：判断质数

什么是质数？

质数（也叫素数）是大于1的自然数，除了1和它本身外，不能被其他自然数整除。

质数的例子：

• 7是质数：只能被1和7整除
• 13是质数：只能被1和13整除
• 2是质数：是最小的质数，只能被1和2整除

不是质数的例子：

• 12不是质数：可以被2、3、4、6整除
• 1不是质数：不符合"大于1"的条件
• 9不是质数：可以被3整除

回顾：使用 % 判断能否整除

我们在"基础运算符"课程中学过，可以用取余运算符 % 来判断能否整除：

• 余数为0 = 能整除（如 12 % 3 === 0，表示12能被3整除）
• 余数不为0 = 不能整除（如 13 % 3 === 1，表示13不能被3整除）

在判断质数时，我们使用 number % i === 0 来检查 number 能否被 i 整除。

如何判断质数：

1. 如果数字 ≤ 1，不是质数，直接返回 false
2. 用 for 循环从 2 到 number-1，检查是否能整除
3. 如果能被任何数整除（number % i === 0），不是质数，返回 false
4. 如果循环结束都没有找到能整除的数，是质数，返回 true

总结

通过这节课的学习，你已经掌握了函数的基础概念：

函数的四个核心部分

1. 函数名称：标识和区分不同的函数
2. 输入参数：接收外部数据，让函数能够处理不同的情况
3. 函数体：包含具体的处理逻辑和计算步骤
4. 返回结果：输出处理后的结果

函数调用的核心技能

1. 函数定义语法：掌握 function、参数列表、返回类型、函数体的写法
2. 函数调用语法：理解 函数名(参数) 的调用方式
3. 参数传递机制：了解如何将数据传递给函数
4. 返回值处理：学会保存和使用函数的返回结果
5. 多个参数处理：掌握多参数函数的定义和调用
6. 嵌套函数调用：理解函数可以作为参数传递给其他函数

类型安全

• 参数类型：确保接收正确的数据类型（必须显式声明，不能依赖自动推断）
• 返回值类型：确保返回正确的数据类型（可以显式声明或自动推断）
• 类型检查：在代码运行前发现类型错误

函数的价值

• 解决重复代码：把相同的逻辑只写一次
• 提高效率：修改逻辑只需要改一个地方
• 代码清晰：让程序更容易阅读和维护
• 模块化设计：将复杂问题分解为小的函数

现在你已经掌握了函数的基础概念！接下来学习函数的高级特性，让函数发挥更强大的作用。