TS泛型：通关秘籍助你彻底掌握！

2024-01-18 03:47:53

好的，以下是有关“轻松拿下 TS 泛型”的专业文章：

TypeScript 泛型：从入门到精通

泛型简介

泛型（generics）是 TypeScript 中的一项强大特性，它允许您创建可重用的组件，这些组件可以在不同类型的数据上操作。这使得 TypeScript 代码更加灵活和可维护。

泛型的基本语法是<T>，其中 T 是类型参数。您可以在函数、类和接口中使用类型参数。例如，以下函数可以接受任何类型的参数并返回相同类型的参数：

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

您可以像这样使用 identity 函数：

const number = identity(1);
const string = identity("hello");

number 变量的值将为 1，string 变量的值将为 "hello"。

泛型高级用法

泛型不仅可以用于函数，还可以用于类和接口。例如，以下类可以存储任何类型的元素：

class List<T> {
  private data: T[] = [];

  add(item: T) {
    this.data.push(item);
  }

  get(index: number): T {
    return this.data[index];
  }

  size(): number {
    return this.data.length;
  }
}

您可以像这样使用 List 类：

const numberList = new List<number>();
numberList.add(1);
numberList.add(2);
numberList.add(3);

const stringList = new List<string>();
stringList.add("hello");
stringList.add("world");
stringList.add("!");