TypeScript入门指南第二章：联合类型

2024-01-16 05:32:23

TypeScript中联合类型介绍：

1. 什么是联合类型？

联合类型是TypeScript中的一种特殊类型，它允许一个变量或者一个表达式的值可以是多种类型之一。联合类型的语法是使用竖线（|）符号将多个类型分隔开来。

2. 联合类型怎么用？

联合类型可以通过在类型注解中使用竖线（|）符号来指定。例如，我们可以定义一个变量名为unionType的变量，它可以是字符串类型或者数字类型：

let unionType: string | number;

现在，我们可以将字符串或者数字类型的值赋给unionType变量：

unionType = "Hello";
unionType = 10;

3.联合类型有什么好处？

联合类型的主要好处是它可以使我们的代码更加灵活。例如，我们可以使用联合类型来定义一个函数，该函数可以接受多种类型的值作为参数：

function add(a: string | number, b: string | number): string | number {
  if (typeof a === 'string' || typeof b === 'string') {
    return a.toString() + b.toString();
  } else {
    return a + b;
  }
}

我们可以使用这个add函数来对字符串或者数字类型的值进行加法运算：

console.log(add("Hello", "World")); // "HelloWorld"
console.log(add(10, 20)); // 30

4.联合类型和类型别名

联合类型也可以与类型别名结合使用。我们可以创建一个名为StringOrNumber的类型别名，它表示字符串类型或者数字类型：

type StringOrNumber = string | number;

然后，我们可以使用StringOrNumber类型别名来定义变量和函数：

let unionType: StringOrNumber;
unionType = "Hello";
unionType = 10;

function add(a: StringOrNumber, b: StringOrNumber): StringOrNumber {
  if (typeof a === 'string' || typeof b === 'string') {
    return a.toString() + b.toString();
  } else {
    return a + b;
  }
}