JavaScript继承实例:创建Polygon, Triangle与Rectangle类

0 下载量 38 浏览量 更新于2024-08-30 收藏 133KB PDF 举报
在JavaScript中,继承是实现代码复用和扩展的重要机制。本篇文章主要介绍了如何通过类和构造函数的方式在JavaScript中实现继承。首先,我们从创建基类Polygon开始,该类包含了整数属性`sides`来表示多边形的边数,以及预留方法`getArea()`用于计算面积,尽管初始版本返回的是0,以便于子类覆盖并实现实际计算。 在UML设计中,类的属性和方法清晰地展示在类名下方。接着,文章展示了如何在ECMAScript中定义Polygon类,以及其构造函数的行为。接着,重点转向创建子类Triangle,它继承自Polygon。Triangle类需要覆盖`sides`属性,并添加`base`和`height`属性,用于三角形的底和高计算。三角形构造函数接收`base`和`height`作为参数,而不是像父类那样仅接收`sides`,以保持边数的固定性。 在继承关系中,Triangle类通过原型链的方式覆盖了`getArea()`方法,实现了三角形面积的计算。接下来,Rectangle类被引入,作为另一个继承自Polygon的子类。Rectangle类新增了`length`和`width`属性,以及基于这些属性计算面积的方法,同时它的UML图与Triangle类一起展示了它们共享的超类——Polygon。 通过这些例子,读者可以理解JavaScript中的类继承原理,如何通过构造函数传递参数、覆盖父类方法以及利用原型链实现继承。这种继承机制使得代码结构更加清晰,提高了代码的可维护性和复用性。同时,它也强调了在设计子类时,根据具体需求对父类进行定制的重要性。