Typescript中的泛型

可以把泛型想象成 "类型的变量"：

1.定义时，用<T>声明一个类型变量（T 是约定的名称，也可以用其他字母）

2.使用时，指定具体类型，如identity<string>("hello")

3.TypeScript 通常能自动推断类型，所以也可以简写为identity("hello")

泛型的应用场景

一、函数泛型：

function getFirstElement<T>(array: T[]): T {return array[0];
}// 使用时可以指定类型，也可以让TS自动推断
const num = getFirstElement<number>([1, 2, 3]); // number类型
const str = getFirstElement(["a", "b", "c"]); // string类型

二、接口泛型：

interface Box<T> {value: T;
}const numberBox: Box<number> = { value: 10 };
const stringBox: Box<string> = { value: "hello" };

三、类泛型：

class Container<T> {private value: T;constructor(value: T) {this.value = value;}getValue(): T {return this.value;}
}const numberContainer = new Container(100);
const stringContainer = new Container("test");

泛型的核心价值

1. 类型安全：保持类型信息，编译器能提供类型检查
2. 代码复用：一个组件可以处理多种类型
3. 可读性：明确代码的意图，让使用者知道类型之间的关系