面试题-TS(二)：如何定义 TypeScript 中的变量和函数类型？
面试题-TS(二)：如何定义 TypeScript 中的变量和函数类型？
一、 变量类型的定义
在TypeScript中，我们可以使用冒号(:)来指定变量的类型。以下是一些常见的变量类型：
- 布尔类型（boolean）：表示true或false的值。
let isDone: boolean = false;
- 数字类型（number）：表示数字值。
let age: number = 25;
- 字符串类型（string）：表示文本值。
let name: string = "John";
- 数组类型（array）：表示一组具有相同类型的值。
let numbers: number[] = [1, 2, 3, 4, 5];
- 元组类型（tuple）：表示一个固定长度的数组，其中每个元素可以有不同的类型。
let person: [string, number] = ["John", 25];
- 枚举类型（enum）：表示一组命名的常量值。
enum Color {Red,Green,Blue,
}let myColor: Color = Color.Blue;
- 任意类型（any）：表示任何类型的值，相当于放宽了类型检查。
let data: any = "Hello, TypeScript!";
- 空类型（void）：表示没有返回值的函数。
function greet(): void {console.log("Hello, TypeScript!");
}
以上是一些常见的变量类型。
二、 函数类型的定义
在TypeScript中，我们可以定义函数的输入参数类型和返回值类型。以下是一些常见的函数类型定义方式：
- 完整的函数类型定义：
function add(x: number, y: number): number {return x + y;
}
- 可选参数和默认参数：
function greet(name: string, age?: number = 25): void {console.log(`Hello, ${name}! You are ${age} years old.`);
}
- 剩余参数：
function sum(...numbers: number[]): number {return numbers.reduce((total, num) => total + num, 0);
}
- 函数类型和回调函数：
type MathOperation = (x: number, y: number) => number;function calculate(x: number, y: number, operation: MathOperation): number {return operation(x, y);
}
通过定义函数的类型，我们可以更清晰地表达函数的意图和预期输入输出，提高代码的可读性和可维护性。
三、 类型推断和类型断言
在TypeScript中，如果没有明确指定变量的类型，编译器会根据变量的初始值进行类型推断。例如：
let message = "Hello, TypeScript!"; // 推断为string类型
此外，有时我们可能需要告诉编译器某个变量的具体类型，这就是类型断言。通过在变量后面使用尖括号或as关键字，我们可以进行类型断言。例如：
let data: any = "Hello, TypeScript!";
let length: number = (data as string).length;
类型推断和类型断言可以相互配合，帮助我们更好地处理类型的推导和控制。