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 属性

通过使用字面量类型和联合类型,我们可以更精确地定义变量的取值范围,增加代码的可读性和可维护性。它们是 TypeScript 中非常有用的类型特性。

你可能感兴趣的:(typescript,javascript,前端)