在 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 表示剩余参数,它会将传入的参数作为数组进行处理。