TypeScript 中的字面量类型和联合类型特性-Toy模板网

这篇具有很好参考价值的文章主要介绍了TypeScript 中的字面量类型和联合类型特性。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

字面量类型和联合类型是 TypeScript 中常用的类型特性。

1. 字面量类型： 字面量类型是指具体的值作为类型。例如，字符串字面量类型可以通过给定的字符串字面量来限制变量的取值范围。

let status: "success" | "error"; // status 只能是 "success" 或 "error"
status = "success"; // 正确
status = "error"; // 正确
status = "pending"; // 错误，只能是 "success" 或 "error"

2. 联合类型： 联合类型可以用来表示一个变量可以是多个类型中的任意一个。使用 | 符号来连接多个类型。

let result: string | number; // result 可以是字符串类型或数字类型
result = "hello"; // 正确
result = 42; // 正确
result = true; // 错误，只能是字符串类型或数字类型

联合类型的优点之一是它可以满足不同情况下的灵活性要求。例如，当处理多种类型的输入时，可以使用联合类型。

function printId(id: number | string) {
  console.log(id);
}

printId(123); // 输出: 123
printId("abc"); // 输出: "abc"
printId(true); // 错误，只能是数字或字符串类型

在使用联合类型时，需要注意的是联合类型的变量只能调用共有的成员。如果一个变量是联合类型的，那么只能使用该联合类型中共有的属性和方法。

let value: string | number;
value = "hello";
console.log(value.length); // 正确，字符串有 length 属性
value = 42;
console.log(value.length); // 错误，数字类型没有 length 属性