TypeScript 中的类型联合操作符 | 是什么

在 TypeScript 中，`|`是类型联合操作符。

**一、基本概念**

类型联合表示一个值可以是几种类型之一。例如：

let value: string | number;

这里声明的`value`变量可以是`string`类型或者`number`类型。

**二、用法详解**

1. 赋值
   - 可以为联合类型的变量赋予其联合类型中的任何一种类型的值。
   - 例如：

value = "hello";
value = 123;

2. 函数参数和返回值
   - 函数参数可以是联合类型，这意味着函数可以接受多种不同类型的参数。
   - 例如：
 

function processValue(val: string | number) {
       if (typeof val === "string") {
         console.log(val.length);
       } else {
         console.log(val.toFixed());
       }
     } 

 - 函数的返回值也可以是联合类型，表明函数可能返回多种不同类型的值。
   - 例如：   

function getValue(): string | number {
       if (Math.random() > 0.5) {
         return "random string";
       } else {
         return 42;
       }
     }

3. 类型缩小
   - 在使用联合类型时，可以通过类型判断来缩小类型范围，以便更准确地访问特定类型的属性和方法。
   - 例如：

function printValue(val: string | number) {
       if (typeof val === "string") {
         console.log(val.toUpperCase()); // 只有在判断为 string 类型时才能调用 string 类型的方法
       } else {
         console.log(val + 1); // 只有在判断为 number 类型时才能进行数值运算
       }
     }

**三、优点**

1. 灵活性
   - 允许变量、参数和返回值具有多种可能的类型，适应不同的场景需求，提高代码的灵活性。
2. 类型安全
   - 尽管可以是多种类型之一，但在使用时通过类型判断可以确保在特定类型下进行正确的操作，保证了一定程度的类型安全。

**四、注意事项**

1. 明确类型
   - 在使用联合类型的变量时，要确保在进行特定类型的操作之前进行适当的类型判断，避免出现运行时错误。
2. 复杂情况处理
   - 当联合类型较多或者类型之间的差异较大时，代码可能会变得复杂，需要仔细处理各种类型的情况。