TypeScript 类型扩展与合并技巧 - 实用指南

在 TypeScript 中，类型扩展与合并是一个常见的需求，尤其是在处理复杂的类型系统时。以下是几种常见的类型扩展与合并问题的解决方案：

1. 使用 interface 进行类型扩展

interface 是 TypeScript 中用于定义对象类型的主要方式之一。它支持声明合并（Declaration Merging），即多个同名的 interface 会自动合并为一个。

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

interface User {
  email: string;
}

const user: User = {
  name: "John",
  age: 30,
  email: "john@example.com"
};

在这个例子中，User 接口被扩展了 email 属性。

2. 使用 type 进行类型合并

type 关键字也可以用于定义类型，但它不支持声明合并。不过，你可以通过交叉类型（Intersection Types）来实现类型合并。

type User = {
  name: string;
  age: number;
};

type UserWithEmail = User & {
  email: string;
};

const user: UserWithEmail = {
  name: "John",
  age: 30,
  email: "john@example.com"
};

在这个例子中，User 和 UserWithEmail 通过交叉类型 & 合并。

3. 使用 extends 进行接口继承

interface 支持继承，可以通过 extends 关键字扩展已有的接口。

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

interface UserWithEmail extends User {
  email: string;
}

const user: UserWithEmail = {
  name: "John",
  age: 30,
  email: "john@example.com"
};

4. 使用 Partial 和 Pick 进行部分类型扩展

有时你可能只需要扩展或选择部分类型。TypeScript 提供了 Partial 和 Pick 等实用类型来实现这一点。

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

type PartialUser = Partial<User>; // 所有属性变为可选
type UserNameAndEmail = Pick<User, 'name' | 'email'>; // 只选择 name 和 email

const partialUser: PartialUser = {
  name: "John"
};

const userNameAndEmail: UserNameAndEmail = {
  name: "John",
  email: "john@example.com"
};

5. 使用 Omit 进行类型排除

Omit 实用类型可以帮助你从类型中排除某些属性。

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

type UserWithoutEmail = Omit<User, 'email'>;

const userWithoutEmail: UserWithoutEmail = {
  name: "John",
  age: 30
};

6. 使用 Record 进行动态类型扩展

Record 实用类型可以用于动态地创建类型。

type User = {
  name: string;
  age: number;
};

type UserWithDynamicProperties = User & Record<string, any>;

const user: UserWithDynamicProperties = {
  name: "John",
  age: 30,
  customProperty: "value"
};

7. 使用 Mapped Types 进行高级类型操作

TypeScript 的映射类型（Mapped Types）允许你基于现有类型创建新类型。

type ReadonlyUser = Readonly<User>;
type NullableUser = { [K in keyof User]: User[K] | null };

8. 使用 Conditional Types 进行条件类型扩展

条件类型（Conditional Types）允许你根据条件动态地选择类型。

type IsString<T> = T extends string ? true : false;

type Result = IsString<"hello">; // true

9. 使用 Utility Types 进行类型操作

TypeScript 提供了许多内置的实用类型（Utility Types），如 Partial, Required, Readonly, Record, Pick, Omit 等，可以帮助你更方便地进行类型操作。

10. 使用 namespace 进行类型扩展

虽然 namespace 在现代 TypeScript 中不常用，但它仍然可以用于扩展类型。

namespace MyNamespace {
  export interface User {
    name: string;
    age: number;
  }
}

namespace MyNamespace {
  export interface User {
    email: string;
  }
}

const user: MyNamespace.User = {
  name: "John",
  age: 30,
  email: "john@example.com"
};

总结

TypeScript 提供了多种方式来处理类型扩展与合并问题。你可以根据具体需求选择合适的方式，如使用 interface 的声明合并、type 的交叉类型、extends 的接口继承、实用类型（Utility Types）等。掌握这些技巧可以帮助你更好地管理和扩展复杂的类型系统。