泛型: 在 TypeScript 中创建可复用代码的方法

2023-12-28 15:53:23

TypeScript 中的泛型是一种允许您创建可重用代码的方法。使用泛型，您可以编写代码，它可以在不同的数据类型上工作，而无需对其进行修改。这使得您的代码更灵活，更易于维护。

泛型在 TypeScript 中使用尖括号（<>）表示。在尖括号中，您可以指定一个或多个类型变量。类型变量是特殊的变量，只用于表示类型而不是值。例如，以下代码定义了一个名为 identity 的泛型函数：

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

identity 函数接收一个类型为 T 的参数，并返回一个类型也为 T 的值。这意味着您可以将任何类型的值传递给 identity 函数，它都会返回与该值相同类型的值。例如，以下代码将数字 1 传递给 identity 函数，并将其结果存储在变量 result 中：

let result = identity(1);

result 的类型为 number，因为 identity 函数返回了与参数相同类型的值。

泛型不仅可以用于函数，还可以用于类、接口和类型别名。例如，以下代码定义了一个名为 Stack 的泛型类：

class Stack<T> {
  private items: T[] = [];

  push(item: T) {
    this.items.push(item);
  }

  pop(): T {
    return this.items.pop();
  }
}

Stack 类接收一个类型变量 T 作为参数，并使用它来定义一个 items 数组，该数组存储 T 类型的值。Stack 类具有两个方法：push() 和 pop()。push() 方法将一个 T 类型的值推入 items 数组，而 pop() 方法从 items 数组中弹出一个 T 类型的值。