探索 TypeScript 世界，掌握泛型利器

2023-10-05 02:41:30

TypeScript 中的泛型

泛型是 TypeScript 语言的基石之一，它允许您创建可重用且类型安全的代码。泛型函数或类可以处理不同类型的数据，而无需进行显式类型转换。这不仅可以简化代码，还可以提高代码的可维护性。

泛型函数

泛型函数是一种可以处理不同类型数据的函数。在声明泛型函数时，您需要指定一个或多个类型参数。这些类型参数将用于推断函数中实际使用的数据类型。

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

const num = identity(1); // num 的类型为 number
const str = identity("Hello"); // str 的类型为 string

在上面的示例中，identity 函数是一个泛型函数，它可以处理任何类型的数据。当我们调用 identity 函数时，我们指定了要处理的数据类型。TypeScript 将自动推断函数中实际使用的数据类型，并根据推断出的类型来检查函数的调用是否正确。

泛型类

泛型类是一种可以创建不同类型对象的类。在声明泛型类时，您需要指定一个或多个类型参数。这些类型参数将用于推断类中创建对象的实际类型。

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

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

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

const numStack = new Stack<number>();
numStack.push(1);
numStack.push(2);
const num = numStack.pop(); // num 的类型为 number

const strStack = new Stack<string>();
strStack.push("Hello");
strStack.push("World");
const str = strStack.pop(); // str 的类型为 string