TypeScript Academy · 课时

使用类实现接口

Q: 「使用类实现接口」这节课中我会学到什么？

使用 implements 关键字确保类的结构符合要求 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

使用 implements 关键字确保类的结构符合要求

第 4 / 4 课13 个步骤

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

欢迎

`implements` 关键字确保类履行接口契约。TypeScript 会验证类是否提供所有必需的属性和方法。

基本接口实现

在类名后使用 `implements InterfaceName`。如果缺少任何必需成员，TypeScript 就会报告错误。

interface Printable {
  print(): void;
}
class Document implements Printable {
  print() { console.log('Printing...'); }
}

缺少成员会导致错误

如果类没有实现所有必需成员，TypeScript 会在类声明处报告错误。

interface Serializable { serialize(): string; }
// Error: Class 'Broken' incorrectly implements interface 'Serializable'
// class Broken implements Serializable {}

实现多个接口

类可以通过逗号分隔多个接口，同时实现它们。

interface Flyable { fly(): void; }
interface Swimmable { swim(): void; }
class Duck implements Flyable, Swimmable {
  fly() { console.log('Flying'); }
  swim() { console.log('Swimming'); }
}

接口不提供实现

接口只描述结构。类负责提供实际实现。

使用 implements 实现可选成员

接口中的可选成员不必实现。类可以提供这些成员，但不是必须提供。

interface Logger {
  log(msg: string): void;
  warn?(msg: string): void; // optional
}
class SimpleLogger implements Logger {
  log(msg: string) { console.log(msg); }
  // warn is not required
}

用于依赖注入的接口

将接口用作构造函数参数类型可以实现依赖注入——您可以传入任何实现该接口的类。

interface Storage { save(data: string): void; }
class Service {
  constructor(private storage: Storage) {}
  run() { this.storage.save('data'); }
}
class LocalStorage implements Storage {
  save(data: string) { localStorage.setItem('key', data); }
}

扩展与实现

`extends` 从另一个类继承（共享实现）。`implements` 只检查结构，不会继承代码。

类实现接口并扩展类

一个类可以同时扩展基类并实现接口。

class Animal { breathe() { return 'breathing'; } }
interface Trainable { train(): void; }
class Dog extends Animal implements Trainable {
  train() { console.log('Sit!'); }
}

泛型接口实现

类可以通过提供类型参数来实现泛型接口。

interface Repository<T> {
  findById(id: number): T | null;
}
class UserRepo implements Repository<User> {
  findById(id: number): User | null {
    return null; // stub
  }
}

implements 的类型安全

`implements` 不会添加任何运行时行为。在运行时，类并不知道该接口。它纯粹是编译时契约。

快速检查

类使用 `implements` 关键字时，TypeScript 会检查什么？

在交互式课程中回答

回顾

`implements` 会在编译时强制类履行接口契约。类可以实现多个接口。请使用接口实现依赖注入、提高可测试性，并将行为与实现解耦。

免费开始

用 AI 导师学习 TypeScript — 免费

在浏览器中编写并运行真实代码，获得全天候 AI 导师的即时帮助，并在网页或应用中继续学习。

课程: 101
课程: 352

免费开始学习查看完整课程

常见问题解答

「使用类实现接口」课时是免费的吗？

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

「使用类实现接口」这节课中我会学到什么？

使用 implements 关键字确保类的结构符合要求你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 TypeScript Academy 需要有经验吗？

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

「使用类实现接口」课时需要多长时间？

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

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

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

此课程中的所有课时

← 返回 TypeScript Academy