TypeScript中的可选参数与默认参数

# 1. 理解 TypeScript 中的函数参数

在 TypeScript 中，函数参数是定义函数时用来接收输入值的变量。通过合理地定义函数参数，我们可以更好地控制函数的输入和输出。本章将深入探讨 TypeScript 中函数参数的概念、类型以及相关内容。

## 1.1 什么是函数参数？

在编程中，函数参数是函数定义中列出的局部变量。当调用函数时，传递给函数的实际值被称为参数。函数使用这些参数来执行特定的操作或计算，并返回相应的结果。

## 1.2 TypeScript 中的函数参数概述

在 TypeScript 中，函数参数与 JavaScript 中的函数参数类似，但 TypeScript 提供了更强大的类型系统，可以为参数指定类型、可选性、默认值等属性，从而提高代码的健壮性和可读性。

## 1.3 TypeScript 中的函数参数类型

在 TypeScript 中，函数参数可以指定类型，确保传入的参数符合特定的数据类型要求。例如，可以将函数参数声明为`number`、`string`、`boolean`等基本类型，也可以使用自定义类型或接口来定义参数类型。

// 定义一个接收两个参数的函数，并指定参数类型
function add(a: number, b: number): number {
    return a + b;
}

let result = add(1, 2); // 3

通过合理地定义函数参数类型，可以在编译阶段就检测出潜在的类型错误，提前发现问题并避免在运行时出现异常。这有助于代码的稳定性和可维护性。

# 2. 可选参数在 TypeScript 中的应用

在 TypeScript 中，函数参数不仅可以是必需的，还可以是可选的。本章将讨论可选参数的概念、定义方式以及在实际应用中的场景和注意事项。

### 2.1 什么是可选参数？

可选参数是在函数定义时，允许函数调用时不传入具体数值的参数。这样做的好处是可以灵活地调用函数，根据需要传入不同数量的参数。

### 2.2 如何在 TypeScript 中定义可选参数？

在 TypeScript 中定义可选参数非常简单，只需要在参数名后面加上`?`符号即可。例如：

function greet(name: string, age?: number) {
    if (age) {
        console.log(`Hello, ${name}! You are ${age} years old.`);
    } else {
        console.log(`Hello, ${name}!`);
    }
}

greet("Alice", 30); // 输出：Hello, Alice! You are 30 years old.
greet("Bob"); // 输出：Hello, Bob!

### 2.3 可选参数的使用场景和注意事项

可选参数在需要根据具体情况来传入参数值的场景下非常实用，特别是当某些参数并非每次都需要提供时。需要注意的是，在定义函数时，可选参数必须位于必须参数的后面。

通过合理使用可选参数，我们可以使函数更具灵活性和通用性，为代码的编写和调用带来便利。

在下一节中，我们将继续探讨默认参数的作用与用法。

# 3. 默认参数的作用与用法

在 TypeScript 中，函数的默认参数可以在函数定义的时候为形参提供默认值。这意味着，当调用函数时如果没有传递参数，则会使用默认参数值。本章将详细介绍默认参数的作用与用法。

#### 3.1 什么是默认参数？

默认参数是在函数声明时为参数提供默认值。当函数被调用时，如果没有提供对应参数的值，则函数会使用默认参数值。这大大提高了函数的灵活性，并减少了在函数调用时传递参数的繁琐性。

#### 3.2 在 TypeScript 中如何设置默认参数？

在 TypeScript 中，可以通过在函数参数声明时赋予参数默认值来定义默认参数。例如：