TypeScript-函数类型

在 TypeScript 中，函数类型可以帮助你定义函数的参数类型、返回类型以及函数签名。这对于声明函数类型、变量、参数以及接口中的函数非常有用。
函数类型提供了灵活的方式来定义函数的签名和结构，可以用于声明函数类型、变量、参数以及接口。

1. 函数类型基础

函数类型定义了函数的参数类型和返回值类型。它包括参数列表和返回类型。

type AddFunction = (a: number, b: number) => number;

const add: AddFunction = (a, b) => a + b;
//在这个例子中，AddFunction 是一个函数类型，它接受两个 number 类型的参数并返回一个 number 类型的值。

2. 使用接口定义函数类型

除了使用类型别名外，也可以使用接口来定义函数类型。

interface MathOperation {
    (a: number, b: number): number;
}
const add: MathOperation = (a, b) => a + b;
//这里的 MathOperation 接口定义了一个函数类型，与上面的类型别名 AddFunction 的效果相同。

3. 函数重载

函数类型也可以定义重载函数。

interface OverloadedFunction {
    (x: number, y: number): number;
    (x: string, y: string): string;
}
//const concatenate: OverloadedFunction = (x, y) => x + y;
//这里的 OverloadedFunction 接口定义了两个重载函数，一个接受两个 number 类型的参数并返回 number 类型，另一个接受两个 string 类型的参数并返回 string 类型。

4.函数参数

1）可选参数和默认参数

函数类型也可以包含可选参数和默认参数。

type GreetFunction = (name: string, greeting?: string) => void;

const greet: GreetFunction = (name, greeting = 'Hello') => {
    console.log(`${greeting}, ${name}!`);
};
//这里的 greeting? 表示 greeting 参数是可选的，而 greeting = 'Hello' 则表示 greeting 参数的默认值为 'Hello'。

2） 剩余参数

函数类型也可以包含剩余参数。

typescript
type SumFunction = (...args: number[]) => number;

const sum: SumFunction = (...args) => args.reduce((total, num) => total + num, 0);
//这里的 ...args 表示剩余参数，它会将传入的参数作为数组进行处理。