TypeScript 进阶：自定义类型，让你的代码更严谨！

2023-12-07 21:36:46

TypeScript自定义类型

TypeScript是一种强大的静态类型编程语言，它允许开发者在编写代码时定义变量和函数的类型。在TypeScript中，我们可以通过使用自定义类型来创建可复用的类型定义，从而提高代码的可读性和可维护性。

自定义类型有很多种，包括类型别名、泛型、接口、联合类型、元组和枚举。每种自定义类型都有其独特的用途和特点。在本文中，我们将介绍TypeScript中常见的自定义类型，并通过实际案例来演示如何使用这些类型。

1. 类型别名

类型别名是TypeScript中最为简单的一种自定义类型。它允许我们将一个现有的类型重命名为一个新的名称。例如：

type Name = string;

上面的代码将string类型重命名为Name类型。现在，我们就可以使用Name类型来代替string类型。例如：

function greet(name: Name) {
  console.log(`Hello, ${name}!`);
}

上面的代码定义了一个greet函数，该函数接受一个Name类型的参数。

类型别名的优点 ：

提高代码的可读性和可维护性。
允许我们将一个现有的类型重命名为一个新的名称，从而使代码更具表达性。

2. 泛型

泛型是TypeScript中一种非常强大的自定义类型。它允许我们在定义函数或类时使用类型变量。例如：

function identity<T>(value: T): T {
  return value;
}

上面的代码定义了一个identity函数，该函数接受一个类型为T的参数，并返回一个类型也为T的值。换句话说，identity函数可以接受任何类型的值，并返回与输入值相同的类型。

泛型的优点 ：

提高代码的可重用性。
允许我们编写出更通用的代码。

3. 接口

接口是TypeScript中另一种重要的自定义类型。它允许我们定义一个对象的形状。例如：

interface Person {
  name: string;
  age: number;
}

上面的代码定义了一个Person接口，该接口定义了一个对象应该具有的属性和类型。现在，我们就可以使用Person接口来定义对象。例如：

const person: Person = {
  name: 'John',
  age: 30
};

上面的代码定义了一个person对象，该对象符合Person接口的定义。

接口的优点 ：

提高代码的可读性和可维护性。
允许我们定义一个对象的形状，从而使代码更具表达性。

4. 联合类型

联合类型是TypeScript中一种特殊的自定义类型。它允许我们将多个类型合并为一个新的类型。例如：

type NameOrAge = string | number;

上面的代码定义了一个NameOrAge联合类型，该联合类型包含string类型和number类型。现在，我们就可以使用NameOrAge联合类型来定义变量或函数的参数。例如：

function greet(nameOrAge: NameOrAge) {
  if (typeof nameOrAge === 'string') {
    console.log(`Hello, ${nameOrAge}!`);
  } else {
    console.log(`Your age is ${nameOrAge}.`);
  }
}

上面的代码定义了一个greet函数，该函数接受一个NameOrAge类型的参数。如果nameOrAge参数是string类型，则函数会输出“Hello, {nameOrAge}!”；否则，函数会输出“Your age is {nameOrAge}.”。

联合类型的优点 ：

提高代码的灵活性。
允许我们将多个类型合并为一个新的类型，从而使代码更具表达性。

5. 元组

元组是TypeScript中一种特殊的自定义类型。它允许我们将一组固定长度的元素存储在一个数组中。例如：

type Point = [number, number];

上面的代码定义了一个Point元组类型，该元组类型包含两个元素，第一个元素是number类型，第二个元素也是number类型。现在，我们就可以使用Point元组类型来定义数组。例如：

const point: Point = [10, 20];

上面的代码定义了一个point数组，该数组包含两个元素，第一个元素是10，第二个元素是20。

元组的优点 ：

提高代码的可读性和可维护性。
允许我们将一组固定长度的元素存储在一个数组中，从而使代码更具表达性。

6. 枚举

枚举是TypeScript中一种特殊的自定义类型。它允许我们将一组命名常量存储在一个类型中。例如：

enum Color {
  Red,
  Green,
  Blue
}

上面的代码定义了一个Color枚举，该枚举包含三个常量：Red、Green和Blue。现在，我们就可以使用Color枚举来定义变量或函数的参数。例如：

function getColor(color: Color): string {
  switch (color) {
    case Color.Red:
      return '红色';
    case Color.Green:
      return '绿色';
    case Color.Blue:
      return '蓝色';
    default:
      return '未知颜色';
  }
}