TypeScript 是 JavaScript 的一个超集，它添加了静态类型检查和许多额外的特性，使得 JavaScript 开发更加安全和高效。类型系统是 TypeScript 的核心特性之一，它可以帮助开发者减少运行时错误，提高代码的可维护性和可读性。本文将带你从入门到实战，深入了解 TypeScript 的类型系统。

一、TypeScript 类型系统基础

1.1 基本类型

TypeScript 支持多种基本数据类型，包括：

  • 数字（number）：表示整数和浮点数。
  • 字符串（string）：表示文本。
  • 布尔值（boolean）：表示真或假。
  • 数组（array）：表示一系列元素。
  • 元组（tuple）：表示固定长度的数组，每个元素可以是不同类型。
  • 枚举（enum）：表示一组命名的数字值。
  • 任意类型（any）：表示可以赋值为任何类型的值。

1.2 接口（Interface）

接口用于定义对象的形状，它描述了一个对象应该具有哪些属性和方法。

interface Person {
  name: string;
  age: number;
}

1.3 类（Class）

类用于定义具有属性和方法的对象。

class Person {
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  sayHello(): void {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

1.4 函数类型

函数类型用于定义函数的参数和返回值类型。

function add(a: number, b: number): number {
  return a + b;
}

二、高级类型

2.1 泛型（Generic）

泛型允许在定义函数、接口和类时使用类型参数，从而实现类型的高效复用。

function identity<T>(arg: T): T {
  return arg;
}

2.2 高级类型操作

TypeScript 提供了许多高级类型操作，如映射（map）、条件类型（conditional types）、交叉类型（intersection types）等。

type StringOrNumber = string | number;

type Result = {
  data: StringOrNumber;
  success: boolean;
};

三、实战案例

3.1 使用 TypeScript 类型系统编写一个待办事项列表

interface Todo {
  id: number;
  text: string;
  completed: boolean;
}

function addTodo(todo: Todo): void {
  // 添加待办事项到列表
}

function removeTodo(todoId: number): void {
  // 从列表中删除待办事项
}

function updateTodo(todoId: number, todo: Todo): void {
  // 更新待办事项
}

3.2 使用 TypeScript 类型系统编写一个 RESTful API

interface User {
  id: number;
  name: string;
  email: string;
}

function createUser(user: User): void {
  // 创建用户
}

function getUser(userId: number): User {
  // 获取用户
}

function updateUser(userId: number, user: User): void {
  // 更新用户
}

function deleteUser(userId: number): void {
  // 删除用户
}

四、总结

TypeScript 类型系统为 JavaScript 开发带来了许多便利，它可以帮助开发者减少错误，提高代码质量。通过本文的学习，相信你已经对 TypeScript 类型系统有了更深入的了解。在实际开发中，熟练运用 TypeScript 类型系统，将使你的编码更加高效和安全。