面试题-TS(二)：如何定义 TypeScript 中的变量和函数类型？

面试题-TS(二)：如何定义 TypeScript 中的变量和函数类型？

一、 变量类型的定义

在TypeScript中，我们可以使用冒号(:)来指定变量的类型。以下是一些常见的变量类型：

1. 布尔类型（boolean）：表示true或false的值。

let isDone: boolean = false;

2. 数字类型（number）：表示数字值。

let age: number = 25;

3. 字符串类型（string）：表示文本值。

let name: string = "John";

4. 数组类型（array）：表示一组具有相同类型的值。

let numbers: number[] = [1, 2, 3, 4, 5];

5. 元组类型（tuple）：表示一个固定长度的数组，其中每个元素可以有不同的类型。

let person: [string, number] = ["John", 25];

6. 枚举类型（enum）：表示一组命名的常量值。

enum Color {
    
    
  Red,
  Green,
  Blue,
}

let myColor: Color = Color.Blue;

7. 任意类型（any）：表示任何类型的值，相当于放宽了类型检查。

let data: any = "Hello, TypeScript!";

8. 空类型（void）：表示没有返回值的函数。

function greet(): void {
    
    
  console.log("Hello, TypeScript!");
}

以上是一些常见的变量类型。

二、 函数类型的定义

在TypeScript中，我们可以定义函数的输入参数类型和返回值类型。以下是一些常见的函数类型定义方式：

1. 完整的函数类型定义：

function add(x: number, y: number): number {
    
    
  return x + y;
}

2. 可选参数和默认参数：

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

3. 剩余参数：

function sum(...numbers: number[]): number {
    
    
  return numbers.reduce((total, num) => total + num, 0);
}

4. 函数类型和回调函数：

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;

类型推断和类型断言可以相互配合，帮助我们更好地处理类型的推导和控制。