TypeScript 中如何使用接口 extends 实现接口继承-JavaScript中文网-JavaScript教程资源分享门户

在 TypeScript 中，可以使用接口继承来实现类似于面向对象编程语言中的继承功能。接口继承可以让我们更加灵活地定义接口，并将代码组织成一个更加结构化和可读的形式。

什么是接口继承

接口继承是 TypeScript 中实现多重继承的一种方式，可以将多个接口的成员合并到一起，产生一个新的接口。这个新的接口会继承原来的接口的所有成员，从而实现接口重用和更加灵活的代码组织。

接口继承的语法

使用 extends 关键字来实现接口继承，语法如下：

interface ChildInterface extends ParentInterface {
  //...
}

在这个语法中，ChildInterface 继承了 ParentInterface 中的所有成员，包括属性、方法和索引签名。

接口继承的示例代码

接下来我们来看一个使用接口继承的示例代码：

// javascriptcn.com 代码示例
interface Shape {
  draw(): void;
}

interface Circle extends Shape {
  radius: number;
}

class CircleImpl implements Circle {
  radius: number;

  constructor(radius: number) {
    this.radius = radius;
  }

  draw() {
    console.log("Drawing a circle with radius=" + this.radius);
  }
}

const circle: Circle = new CircleImpl(10);
circle.draw();  // Output: Drawing a circle with radius=10

在这个示例代码中，我们先定义了一个 Shape 接口，它包含了一个 draw 方法。然后我们定义了一个 Circle 接口，它继承自 Shape 接口，并且包含了一个 radius 属性。最后我们使用 CircleImpl 类来实现 Circle 接口，并且在 draw 方法中输出了一个圆的半径。

总结

在 TypeScript 中，接口继承是一种非常有用的功能，可以帮助我们更加灵活地定义接口，并且让代码更加结构化和可读。如果您正在开发一个复杂的 TypeScript 应用程序，那么一定要善于使用接口继承，它可以让您的代码更加易于维护和扩展。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6543147b7d4982a6ebcbce9a