Javascript 继承机制实例


Posted in Javascript onAugust 12, 2009

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

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

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

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

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

Javascript 继承机制实例

Javascript 相关文章推荐
javascript dom 基本操作小结
Apr 11 Javascript
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
May 22 Javascript
异步javascript的原理和实现技巧介绍
Nov 08 Javascript
jquery 使用简明教程
Mar 05 Javascript
js数组操作常用方法
May 08 Javascript
javascript常见用法总结
May 22 Javascript
vue.js学习笔记之绑定style样式和class列表
Oct 31 Javascript
JavaScript中双向数据绑定详解
May 03 Javascript
AngularJS实现tab选项卡的方法详解
Jul 05 Javascript
vue中实现滚动加载更多的示例
Nov 08 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
Jun 07 Javascript
基于Vue全局组件与局部组件的区别说明
Aug 11 Javascript
Javascript 继承机制的实现
Aug 12 #Javascript
Javascript 继承实现例子
Aug 12 #Javascript
JQuery jsonp 使用示例代码
Aug 12 #Javascript
JavaScript 权威指南(第四版) 读书笔记
Aug 11 #Javascript
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
Aug 09 #Javascript
javascript 当前日期加(天、周、月、年)
Aug 09 #Javascript
jQuery 解析xml文件
Aug 09 #Javascript
You might like
并发下常见的加锁及锁的PHP具体实现代码
2010/10/12 PHP
php中__destruct与register_shutdown_function执行的先后顺序问题
2014/10/17 PHP
PHP中mysql_field_type()函数用法
2014/11/24 PHP
IE与Firefox下javascript getyear年份的兼容性写法
2007/12/20 Javascript
json简单介绍
2008/06/10 Javascript
JavaScript中5种调用函数的方法
2015/03/12 Javascript
jquery.cookie实现的客户端购物车操作实例
2015/12/24 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
2016/05/26 Javascript
js判断输入字符串是否为空、空格、null的方法总结
2016/06/14 Javascript
浅谈angularjs module返回对象的坑(推荐)
2016/10/21 Javascript
angular+ionic 的app上拉加载更新数据实现方法
2017/01/16 Javascript
Map.vue基于百度地图组件重构笔记分享
2017/04/17 Javascript
详解webpack异步加载业务模块
2017/06/23 Javascript
jQuery简单实现对数组去重及排序操作实例
2017/10/31 jQuery
vue 父组件调用子组件方法及事件
2018/03/29 Javascript
JavaScript实现仿Clock ISO时钟
2018/06/29 Javascript
微信小程序图片左右摆动效果详解
2019/07/13 Javascript
解决layer 动态加载select 失效的问题
2019/09/18 Javascript
vue项目或网页上实现文字转换成语音播放功能
2020/06/09 Javascript
解决vue字符串换行问题(绝对管用)
2020/08/06 Javascript
Jquery $.map使用方法实例详解
2020/09/01 jQuery
Ant Design moment对象和字符串之间的相互转化教程
2020/10/27 Javascript
python网络编程学习笔记(九):数据库客户端 DB-API
2014/06/09 Python
python爬虫之模拟登陆csdn的实例代码
2018/05/18 Python
python中seaborn包常用图形使用详解
2019/11/25 Python
Python中itertools的用法详解
2020/02/07 Python
python连接mongodb集群方法详解
2020/02/13 Python
如何搭建pytorch环境的方法步骤
2020/05/06 Python
Python使用sys.exc_info()方法获取异常信息
2020/07/23 Python
南非领先的在线旅行社:Travelstart南非
2016/09/04 全球购物
2014法院四风问题对照检查材料思想汇报
2014/10/04 职场文书
2016年教师新年寄语
2015/08/18 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
话题作文之关于呼唤
2019/11/29 职场文书
500字作文之难忘的同学
2019/12/20 职场文书
mybatis中sql语句CDATA标签的用法说明
2021/06/30 Java/Android