Typescript学习指南——联合和字面量类型<#

<#title>Typescript学习指南——联合和字面量类型<#/title>

联合类型

联合类型允许一个变量同时具有多个类型。这在您不确定变量的具体类型时非常有用。例如，您可能有一个变量可以存储数字或字符串。在这种情况下，您可以使用联合类型来指定变量的类型。

联合类型使用竖线（|）来分隔不同的类型。例如，以下联合类型允许变量存储数字或字符串：

let x: number | string;

您可以将任何数字或字符串值分配给变量x。例如：

x = 5;
x = "Hello";

联合类型也可以用于函数的参数和返回值。例如，以下函数接受一个可以是数字或字符串的数字。

function add(x: number | string): number | string {
  if (typeof x === "number") {
    return x + x;
  } else {
    return x + x;
  }
}

这个函数将把它的参数乘以2，然后返回结果。如果参数是数字，函数将返回一个数字。如果参数是字符串，函数将返回一个字符串。

字面量类型

字面量类型是一种更精确和严格的类型检查方式。它允许您指定变量的具体值。例如，您可以使用字面量类型来指定一个变量只能存储数字5。

字面量类型使用方括号（[]）来指定变量的具体值。例如，以下字面量类型指定变量只能存储数字5：

let x: 5;

您只能将值5分配给变量x。例如：

x = 5;

如果您尝试将其他值分配给变量x，您将得到一个错误。例如：

x = 6; // Error: Type '6' is not assignable to type '5'.

字面量类型也可以用于函数的参数和返回值。例如，以下函数接受一个只能是数字5的参数。

function add(x: 5): 10 {
  return x + 5;
}

这个函数将把它的参数加上5，然后返回结果。由于参数只能是数字5，函数将始终返回数字10。

联合类型和字面量类型的区别

联合类型和字面量类型之间最主要的区别在于，联合类型允许变量存储多种类型的值，而字面量类型只允许变量存储一种类型的值。

联合类型通常用于您不确定变量的具体类型时。例如，您可能有一个变量可以存储数字或字符串。在这种情况下，您可以使用联合类型来指定变量的类型。

字面量类型通常用于您知道变量的具体类型时。例如，您可能有一个变量只能存储数字5。在这种情况下，您可以使用字面量类型来指定变量的类型。

何时使用联合类型和字面量类型

联合类型和字面量类型都有自己的优点和缺点。联合类型更灵活，因为它允许变量存储多种类型的值。字面量类型更严格，因为它只允许变量存储一种类型的值。

在选择使用联合类型还是字面量类型时，您应该考虑变量的具体用途。如果您不确定变量的具体类型，您应该使用联合类型。如果您知道变量的具体类型，您应该使用字面量类型。

结论

联合类型和字面量类型都是TypeScript中非常有用的类型。联合类型允许变量存储多种类型的值，而字面量类型只允许变量存储一种类型的值。在选择使用联合类型还是字面量类型时，您应该考虑变量的具体用途。如果您不确定变量的具体类型，您应该使用联合类型。如果您知道变量的具体类型，您应该使用字面量类型。