Javascript 继承机制实例

2019-12-25,,,

实际上,几何形状只有两种,即椭圆形(是圆形的)和多边形(具有一定数量的边)。圆是椭圆形的一种,它只有一个焦点。三角形、矩形和五边形都是多边形的一种,具有不同数量的边。正方形是矩形的一种,所有的边等长。这就构成了一种完美的继承关系。


在这个例子中,形状(Shape)是椭圆形(Ellipse)和多边形(Polygon)的基类(base class)(所有类都由它继承而来)。椭圆具有一个属性foci,说明椭圆具有的焦点的个数。圆形(Circle)继承了椭圆形,因此圆形是椭圆形的子类(subclass),椭圆形是圆形的超类(superclass)。同样的,三角形(Triangle)、矩形(Rectangle)和五边形(Pentagon)都是多边形的子类,多边形是它们的超类。最后,正方形(Square)继承了矩形。


最好用图来解释这种继承关系,这是UML(统一建模语言)的用武之地。UML的主要用途之一是,可视化地表示像继承这样的复杂对象关系。图4-1是解释Shape和它的子类之间关系的UML图示。


在UML中,每个方框表示一个类,由类名说明。Triangle、Rectangle和Pentagon顶部的线段汇集在一起,指向Shape,说明这些类都由Shape继承而来。同样的,从Square指向Rectangle的箭头说明了它们之间的继承关系。


如果有兴趣学习UML,可以参考三位UML创始人所著的《UML用户指南(第二版)》。


您可能感兴趣的文章:

  • Javascript 继承机制的实现
  • javascript类继承机制的原理分析
  • Javascript继承机制的设计思想分享
  • 由JavaScript中call()方法引发的对面向对象继承机制call的思考
  • 基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
  • 基于JavaScript实现继承机制之原型链(prototype chaining)的详解
  • 基于JavaScript实现继承机制之调用call()与apply()的方法详解
  • 阿里巴巴技术文章分享 Javascript继承机制的实现

《Javascript 继承机制实例.doc》

下载本文的Word格式文档,以方便收藏与打印。