TypeScript 中的泛型在编译时是如何进行类型擦除和推断的？

泛型在编译阶段用于类型检查和推断，但会被擦除不保留于JavaScript中。例如identity<T>(value: T)编译后变为普通函数，T消失；编译器根据参数、返回值等上下文推断类型，如identity("hello")推断T为string；可显式指定泛型类型如identity<number>(42)以覆盖推断，确保类型安全；泛型提升开发体验且不影响运行时。

TypeScript 中的泛型在编译阶段主要用于类型检查和类型推断，但不会保留在最终生成的 JavaScript 代码中。这是因为 TypeScript 的类型系统在编译后会被“擦除”——即类型信息被移除，只保留运行时可用的逻辑代码。

类型擦除：泛型在编译后不保留

TypeScript 编译器在将代码转译为 JavaScript 时，会移除所有类型注解，包括泛型相关的类型参数。这意味着泛型 T、K、V 等只是开发阶段的辅助工具，不会影响运行时行为。

TS 代码：
function identity<T>(value: T): T {
  return value;
}

编译后 JS：
function identity(value) {
  return value;
}

可以看到，泛型 T 完全消失了，函数变成了普通的 JavaScript 函数。

类型推断：编译器自动确定泛型类型

虽然泛型会被擦除，但在编译期间，TypeScript 会根据上下文尽可能推断出泛型的实际类型，从而提供类型安全。

常见推断方式包括：

魔术橡皮擦

智能擦除、填补背景内容

22

查看详情

• 根据传入参数的类型自动推断。如 identity("hello") 会推断 T 为 string
• 通过返回值或变量赋值反向推断
• 结合上下文（如数组元素、对象结构）进行联合类型或字面量类型推断

const result = identity("world");
// result 类型被推断为 string，即使没有显式写 <string>

显式指定泛型优先于推断

你可以手动指定泛型类型，这会覆盖自动推断的结果。

例如：

const num = identity<number>(42);
// 即使传入的是数字，也可以强制限定类型为 number

这种写法在需要更严格类型控制或处理联合类型时特别有用。

基本上就这些。泛型是编译期的类型工具，靠推断提升开发体验，靠擦除保证运行兼容性。它让代码更灵活又不失安全，但不会增加运行时负担。

以上就是TypeScript 中的泛型在编译时是如何进行类型擦除和推断的？的详细内容，更多请关注php中文网其它相关文章！