联合类型的掌握

# 1. 理解联合类型

## 1.1 什么是联合类型？
在编程中，联合类型（Union Type）是指一个变量可以存储多个不同类型的值。联合类型可以包含基本数据类型（如数字、字符串、布尔值）以及自定义的复合类型（如对象、数组等）。变量声明为联合类型后，可以根据需要存储不同类型的值。

## 1.2 联合类型的作用与优势
联合类型的主要作用是可以灵活地处理多种可能的数据类型，提高代码的灵活性和复用性。通过使用联合类型，可以简化逻辑判断过程，减少代码冗余。

联合类型的优势还在于可以根据实际需求选择最合适的数据类型。有时候，一个变量可能有多个不同的数据来源，而这些数据来源可能会提供不同的数据类型。联合类型可以方便地处理这种情况，避免数据类型转换带来的麻烦。

## 1.3 联合类型的应用场景
联合类型在实际应用中有很多场景。以下是一些典型的应用场景：

- 处理用户输入：用户输入的内容可能是数字、字符串或布尔值，使用联合类型可以轻松匹配不同类型的用户输入。
- 统一数据处理：当从不同的数据源获取数据时，这些数据可能有不同的数据类型，使用联合类型可以统一处理这些数据。
- 函数参数灵活性：对于接收参数的函数，有时候既可以接收字符串，又可以接收数字，使用联合类型可以增加函数的灵活性。

在接下来的章节中，我们将详细介绍如何在不同的编程语言中使用联合类型，并讨论联合类型在具体场景中的实际应用。

# 2. 在JavaScript中使用联合类型

在JavaScript中，联合类型可以帮助我们处理多种可能的数据类型，让变量可以接受多种不同类型的值。本章将详细介绍在JavaScript中如何使用联合类型，包括与基本数据类型的对比、声明联合类型变量以及联合类型的类型保护。

#### 2.1 基本数据类型与联合类型的对比

在JavaScript中，我们可以使用基本数据类型来声明变量，如字符串、数字、布尔值等。例如：

let name = "Alice";
let age = 25;
let isAdmin = false;

而当我们需要处理多种可能的数据类型时，可以使用联合类型。联合类型使用"|"符号将不同的类型进行组合，表示该变量可以是多种类型中的一种。例如：

let result: string | number;
result = "Success"; // 合法赋值
result = 10; // 合法赋值
result = true; // 错误，布尔值不是联合类型中的一种

#### 2.2 声明联合类型变量

在JavaScript中，我们可以通过声明联合类型变量来使用联合类型。例如：

// 声明一个可以存储字符串或者数字的变量
let userInput: string | number;
userInput = 5; // 合法赋值
userInput = "Hello"; // 合法赋值
userInput = true; // 错误，布尔值不是联合类型中的一种

#### 2.3 联合类型的类型保护

由于联合类型的变量可以是多种类型中的一种，因此在使用时需要进行类型保护，以确保在不同类型下的操作不会出错。下面是一个简单的类型保护示例：

function padLeft(value: string, padding: string | number) {
  if (typeof padding === "number") {
    return Array(padding + 1).join(" ") + value;
  }
  if (typeof padding === "string") {
    return padding + value;
  }
  throw new Error(`Expected string or number, got '${padding}'.`);
}

console.log(padLeft("Hello World", 4)); // 输出："    Hello World"
console.log(padLeft("Hello World", "*")); // 输出："*Hello World"

在上面的例子中，我们对padding进行了类型保护，通过typeof判断padding的类型，从而实现了根据不同类型进行不同的逻辑操作。

通过本章的学习，我们了解了在JavaScript中使用联合类型的基本知识，并掌握了声明联合类型变量和类型保护的方法。接下来，让我们深入探讨TypeScript中的联合类型应用。

# 3. TypeScript中的联合类型应用

在 TypeScript 中，联合类型可以很好地帮助我们处理不同类型的值。本章将介绍如何定义联合类型、联合类型的类型推断以及如何使用联合类型处理不同类型的返回值。

#### 3.1 定义联合类型

在 TypeScript 中，可以使用竖线 `|