TypeScript Academy · 课时

泛型接口与类型别名

Q: 「泛型接口与类型别名」这节课中我会学到什么？

将泛型应用于接口和自定义类型 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

将泛型应用于接口和自定义类型

泛型接口与类型别名 是 CoddyKit 上的免费 TypeScript Academy 课时。这是第 2 节课，共 4 节。你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。这是 TypeScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 4 节课。

欢迎

泛型并不局限于函数。接口和类型别名同样接受类型参数，因此可以在多种类型之间复用。

泛型接口语法

在接口名称后添加 ``，使接口成为泛型接口。在属性类型和方法签名中使用 T。

interface Box<T> {
  value: T;
  unwrap(): T;
}
const box: Box<number> = { value: 42, unwrap() { return this.value; } };

泛型类型别名

类型别名使用相同的 `` 语法。

type Maybe<T> = T | null | undefined;
type Pair<A, B> = { first: A; second: B };
const p: Pair<string, number> = { first: 'Alice', second: 30 };

泛型 Repository 接口

一个经典用例是：创建适用于任意实体类型的泛型 Repository 接口。

interface Repository<T> {
  findById(id: number): T | null;
  findAll(): T[];
  save(item: T): void;
  delete(id: number): void;
}

实现泛型接口

实现泛型接口时，请提供类型实参。

class UserRepo implements Repository<User> {
  findById(id: number): User | null { return null; }
  findAll(): User[] { return []; }
  save(user: User): void {}
  delete(id: number): void {}
}

扩展泛型接口

泛型接口可以扩展其他泛型接口。

interface Named<T> { name: T; }
interface NamedAndAged<T> extends Named<T> { age: number; }

泛型响应类型

一种泛型 API 响应类型，用于包装任意数据负载。

type ApiResponse<T> = {
  status: 'success' | 'error';
  data: T;
  timestamp: number;
};
const res: ApiResponse<User[]> = { status: 'success', data: [], timestamp: Date.now() };

接口中的多个类型参数

接口支持多个类型参数。

interface KeyValue<K, V> {
  key: K;
  value: V;
}
const kv: KeyValue<string, number> = { key: 'age', value: 30 };

非泛型接口中的泛型方法

接口可以包含泛型方法，而不必让整个接口成为泛型接口。

interface Transformer {
  transform<T, U>(input: T, fn: (val: T) => U): U;
}

递归泛型类型

泛型类型可以引用自身，用于表示树或链表结构。

interface TreeNode<T> {
  value: T;
  children: TreeNode<T>[];
}

泛型中的类型别名与接口

两者对泛型的支持同样完善。对于由类实现的契约，优先使用 interface；对于涉及联合类型的泛型（例如 Maybe），优先使用 type。

快速检查

实现 `interface Repository` 时需要提供什么？

回顾

泛型接口和类型别名使用来适配任意类型。它们可以为 Repository、响应包装器和递归数据结构提供可复用的契约。实现它们时，请提供具体的类型实参。

常见问题解答

「泛型接口与类型别名」课时是免费的吗？

是的 — 「泛型接口与类型别名」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 TypeScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 4 节课。

「泛型接口与类型别名」这节课中我会学到什么？

将泛型应用于接口和自定义类型你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 TypeScript Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。这是第 2 节课，共 4 节。

「泛型接口与类型别名」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 TypeScript Academy 课中编写并运行代码吗？

能。每节 TypeScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

← 返回 TypeScript Academy