掌握 TypeScript，轻松合并类型：告别重复，提升代码效率

在 TypeScript 中，类型合并是一种强大的特性，它可以帮助开发者避免重复代码，提高代码的可维护性和效率。通过合并类型，我们可以将多个类型合并成一个，使得类型更加简洁明了。本文将详细介绍 TypeScript 中的类型合并方法，并通过实例演示如何使用它们来优化代码。

一、类型合并的概念

类型合并是指将多个类型合并成一个新类型的过程。在 TypeScript 中，类型合并主要有以下几种方式：

联合类型（Union Types）：通过 | 操作符将多个类型合并成一个，表示一个变量可以同时具有多种类型。
交叉类型（Intersection Types）：通过 & 操作符将多个类型合并成一个，表示一个变量同时具有多个类型的属性。
泛型类型合并：通过泛型合并两个或多个类型，以创建一个新的泛型类型。

二、联合类型

联合类型是最常见的类型合并方式之一，它允许一个变量同时具有多种类型。以下是一个示例：

function greet(name: string | number): void { console.log(`Hello, ${name}!`); } greet("Alice"); // 输出：Hello, Alice! greet(123); // 输出：Hello, 123!

在这个例子中，greet 函数的参数 name 可以是字符串或数字类型，从而减少了重复代码。

三、交叉类型

交叉类型可以将多个类型的属性合并到一个新类型中。以下是一个示例：

interface Person { name: string; age: number; } interface Employee { id: number; } type EmployedPerson = Person & Employee; function getEmployeeInfo(employee: EmployedPerson): void { console.log(`Name: ${employee.name}, Age: ${employee.age}, ID: ${employee.id}`); } const employee: EmployedPerson = { name: "Bob", age: 25, id: 1 }; getEmployeeInfo(employee); // 输出：Name: Bob, Age: 25, ID: 1

在这个例子中，EmployedPerson 类型是 Person 和 Employee 类型的交叉类型，它包含这两个类型的所有属性。

四、泛型类型合并

泛型类型合并允许我们将两个或多个泛型类型合并成一个。以下是一个示例：

function merge<T, U>(first: T, second: U): T & U { return { ...first, ...second }; } const result = merge({ name: "Alice" }, { age: 25 }); console.log(result); // 输出：{ name: 'Alice', age: 25 }

在这个例子中，merge 函数将两个对象合并成一个新对象，新对象的类型是两个输入对象类型的交叉类型。