TypeScipt 联合类型 | 号的使用

联合类型有两种使用方法：

1. 一种类型中多个可能的值。
2. 具有多种不同的类型中的一种。

一种类型中多个可能的值。

type isAye = true | false;

const aye:isAye = true;
const aye1:isAye = false;
const aye2:isAye = 3;
// Type 'number' is not assignable to type 'isAye'.

我们定义了一个联合类型 isAye，类型是布尔类型，接受的值 true 或者 false。当我们定义 isAye 类型的变量 aye2 的值类型为数字3时，就会报错，因为联合类型isAye的变脸的值只能为 true 或者 false。

type ayeName= "aye" | "aye1" | "aye2"

const aye:ayeName= "aye";
const aye1:ayeName= "aye1";
const aye2:ayeName= "maomao";
// Type '"maomao"' is not assignable to type 'ayeName'.

我们定义了一个联合类型 ayeName，类型是字符串，接受值为 “aye”，“aye1"和"aye2”，当我们定义 ayeName 类型的变 量的值不是这三个值时，会抛出异常。

具有多种不同类型中的一种

function getLength(str: string | string[]) {
  return str.length;
}
const strLen = getLength("abc")
console.log(strLen)
// 3
const strLen1 = getLength(["1", "2"])
console.log(strLen1)
// 2
const strLen2 = getLength(2)
console.log(strLen2)
// Argument of type 'number' is not assignable to parameter of type 'string | string[]'.

上面的例子中，str 可以是字符串和字符串数组两种类型中的一种，都能打印出正确的长度。当给 getLength 函数中赋值为这两个类型之外的值，就会报出异常。