typescript 中的泛型接口

背景

泛型接口是 TypeScript 中一种强大的特性，使得接口可以在定义时不指定类型，而在使用时再指定具体类型。这样提高了代码的复用性和灵活性。

泛型接口定义

泛型接口允许你定义一个占位符来代替某个具体的类型。常见的占位符是 <T>。

1
2
3
interface Box<T> {
  content: T;
}

参数说明

  • <T>：表示一个泛型参数，可以是任何类型。
  • content: T：表示这个属性的类型由使用者在实例化接口时指定。

使用泛型接口

1
2
let stringBox: Box<string> = { content: "Hello, TypeScript" };
let numberBox: Box<number> = { content: 12345 };

注意点

  • stringBox：此实例将 T 替换为 string，因此 content 必须是字符串。
  • numberBox: 此实例将 T 替换为 number，因此 content 必须是数字。

泛型接口对比非泛型

特性 泛型接口 非泛型接口
灵活性 高，适应多种类型 低，固定死特定类型
代码复用 高，通过参数化实现共享 低，需要重复定义
类型安全 高，使用时明确指定具体类型 中等，需手动检查

产生原因

在软件开发中，我们往往需要设计一些通用的数据结构或函数，以适应不同的数据类型。通过使用泛型，我们能够创建更加可重用和灵活的代码。