高级类型应用：交叉类型、联合类型和类型保护

# 1. 理解交叉类型

交叉类型是TypeScript中非常重要的一个概念，它可以将多个类型合并为一个类型。本章将带你深入理解交叉类型的概念、使用场景和在实际项目中的应用。

## 1.1 什么是交叉类型？

交叉类型，使用 `&` 运算符可以将多个类型合并为一个类型。例如，如果我们有一个类型 `Person` 和一个类型 `Employee`，我们可以使用交叉类型创建一个新类型，它包含了 `Person` 和 `Employee` 的所有成员。

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

type Employee = {
  companyId: string;
  role: string;
};

type PersonAndEmployee = Person & Employee;

在上面的示例中，`PersonAndEmployee` 是一个交叉类型，它包含了 `Person` 和 `Employee` 的所有成员，相当于`{name: string; age: number; companyId: string; role: string;}`。

## 1.2 交叉类型的使用场景

交叉类型在实际开发中有许多使用场景，特别是在需要合并多个类型信息的情况下非常有用。比如，在前端开发中，当我们需要从多个数据源中获取数据，并将其合并为一个完整的数据结构时，交叉类型就能派上用场。

// 合并多个数据源的数据结构
type Source1 = {
  data1: string;
};

type Source2 = {
  data2: number;
};

type Source3 = {
  data3: boolean;
};

type MergedData = Source1 & Source2 & Source3;

上面的示例中，`MergedData` 表示了三个不同数据源的数据结构的合并，包含了所有数据源的成员。

## 1.3 在实际项目中如何应用交叉类型

在实际项目中，交叉类型常常用于将多个接口的特性合并为一个新接口，或者将多个对象的属性合并为一个新对象。这样可以使代码更加模块化，提高代码的复用性和可维护性。

// 将多个接口特性合并为一个新接口
interface Colorful {
  color: string;
}

interface Circle {
  radius: number;
}

type ColorfulCircle = Colorful & Circle;

在上面的示例中，`ColorfulCircle` 将 `Colorful` 和 `Circle` 的特性合并为一个新接口，表示了拥有颜色和半径两个特性的对象。

以上是关于交叉类型的基本理解和应用场景，接下来我们将深入学习联合类型。

# 2. 深入学习联合类型

在本章中，我们将深入学习联合类型的概念、特点以及在实际开发中的应用。联合类型是 TypeScript 中非常重要的类型概念之一，对于处理多样化的数据结构，提高代码的灵活性和健壮性都有着重要作用。让我们详细来看一下。

### 2.1 联合类型的概念和特点

#### 什么是联合类型？

联合类型是指可以为多个类型中的一个。通过使用竖线 `|` 分隔每个类型，表示联合类型。例如，`string | number` 表示可以是字符串或者数字类型。

#### 联合类型的特点

- 增加代码的灵活性：联合类型允许变量具有多种类型，从而增加了代码的灵活性。
- 提高代码的健壮性：可以更好地处理多样化的数据，提高代码的健壮性和容错性。

### 2.2 联合类型在实际开发中的应用

#### 场景一：处理不同类型的数据

// 定义一个联合类型的参数
function formatData(data: string | number) {
  if (typeof data === 'string') {
    // 处理字符串类型
    return data.toUpperCase();
  } else {
    // 处理数字类型
    return data.toFixed(2);
  }
}

// 使用联合类型的函数
console.log(formatData("hello")); // 输出: "HELLO"
console.log(formatData(3.1415)); // 输出: "3.14"

代码解析：
- 定义了一个 `formatData` 函数，参数 `data` 是一个联合类型 `string | number`。
- 在函数内部，通过 `typeof` 来判断参数的具体类型，然后处理对应的代码逻辑。

#### 场景二：处理对象属性的联合类型

// 定义一个联合类型的对象属性
type Result = {
  success: boolean;
  data: string | number;
}

// 使用联合类型的对象
let res1: Result = { success: true, data: "hello" };
let res2: Result = { success: false, data: 12345 };

代码解析：
- 定义了一个 `Result` 类型，其中 `data` 属性是一个联合类型 `string | nu