title: 扩展接口

扩展接口

原文地址

在本教程中，你讲学习如何扩展接口，这样可以把一个接口的属性和方法复制到另外一个接口中。

扩展一个接口的接口

假设有一个名为 Mailable 的 接口，它包含 send() 和 queue() 两个方法：

  1. interface Mailable {
  2.   send(email: string): boolean;
  3.   queue(email: string): boolean;
  4. }

然后你有很多 类 已经实现了 Mailable 接口。现在，你想要在 Mailable 接口上添加一个新的方法， 表示它会延时发送邮件，如下所示：

  1. later(email: string, after: number): void

给 Mailable 接口直接添加 later() 方法会破坏当前的代码，造成前后不兼容的问题。为了避免这个问题，你可以创建一个新的接口来扩展 Mailable 接口：

  1. interface FutureMailable extends Mailable {
  2.   later(email: string, after: number): boolean;
  3. }

使用 extends 关键字按照下面的语法来扩展一个接口：

  1. interface A {
  2.   a(): void;
  3. }
  5. interface B extends A {
  6.   b(): void;
  7. }

接口 B 扩展了接口 A，它有两个方法 a() 和 b()。与类相似，FutureMailable 接口从 Mailable 接口继承了 send() 和 queue() 方法。

下面的例子演示如何实现 FutureMailable 接口：

  1. class Mail implements FutureMailable {
  2.   later(email: string, after: number): boolean {
  3.     console.log(`Send email to ${email} in ${after} ms.`);
  4.     return true;
  5.   }
  6.   send(email: string): boolean {
  7.     console.log(`Sent email to ${email} after ${after} ms. `);
  8.     return true;
  9.   }
  10.   queue(email: string): boolean {
  11.     console.log(`Queue an email to ${email}.`);
  12.     return true;
  13.   }
  14. }

扩展多个接口的接口

一个接口可以扩展多个接口，创建所有接口的组合，如下所示：

  1. interface C {
  2.   c(): void;
  3. }
  5. interface D extends B, C {
  6.   d(): void;
  7. }

在这个例子中，接口 D 扩展了 B 和 C 接口，所以 D 接口有 B 和 C 接口的所有方法： a(), b() 和 c() 方法。

扩展类的接口

TypeScript 中允许接口扩展类，在这种情况下，接口会继承类的属性和方法，此外，接口可以继承类的私有成员和受保护成员，而不仅仅是公共成员。这意味着，当接口扩展具有私有成员和保护成员的类的时候，该接口只能有该接口所扩展的类或该类的子类中实现。

通过这种做法，可以把接口的使用范围限制为接口所继承的类或该类的子类，如果试图从一个不是接口继承的类或该类的子类来实现接口，则会抛出错误提示：

  1. class Control {
  2.   private state: boolean;
  3. }
  5. interface StatefulControl extends Control {
  6.   enable(): void;
  7. }
  9. class Button extends Control implements StatefulControl {
  10.   enable() {}
  11. }
  12. class TextBox extends Control implements StatefulControl {
  13.   enable() {}
  14. }
  15. class Label extends Control {}
  17. // Error: cannot implement
  18. class Chart implements StatefulControl {
  19.   enable() {}
  20. }

小结

  • 接口可以扩展一个或多个现有的接口；
  • 接口也可以扩展类，如果类包含私有成员或者受保护成员，则接口只能由该类或该类的子类实现。