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 相关文章推荐
文字幻灯片
Jun 26 Javascript
加速IE的Javascript document输出的方法
Dec 02 Javascript
jQuery ready函数滥用分析
Feb 16 Javascript
JavaScript 基础篇之运算符、语句(二)
Apr 07 Javascript
Javascript基础 函数“重载” 详细介绍
Oct 25 Javascript
javascript实现禁止右键和F12查看源代码
Dec 26 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
Oct 08 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
详解使用angular框架离线你的应用(pwa指南)
Jan 31 Javascript
小程序测试后台服务的方法(ngrok)
Mar 08 Javascript
小程序实现悬浮搜索框
Jul 12 Javascript
vue中如何实现后台管理系统的权限控制的方法步骤
Sep 05 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
消息持续发送的完整例子
2006/10/09 PHP
Laravel框架查询构造器简单示例
2019/05/08 PHP
PHP实现与java 通信的插件使用教程
2019/08/11 PHP
javascript是怎么继承的介绍
2012/01/05 Javascript
JS实现的4种数字千位符格式化方法分享
2015/03/02 Javascript
js实现字符串转日期格式的方法
2015/05/20 Javascript
jQuery中的each()详细介绍(推荐)
2016/05/25 Javascript
JavaScript表单验证的两种实现方法
2017/02/11 Javascript
如何在js代码中消灭for循环实例详解
2018/07/29 Javascript
微信小程序实现简单表格
2019/02/14 Javascript
js中值引用和地址引用实例分析
2019/06/21 Javascript
基于vue实现圆形菜单栏组件
2019/07/05 Javascript
原生js实现html手机端城市列表索引选择城市
2020/06/24 Javascript
Vue切换div显示隐藏,多选,单选代码解析
2020/07/14 Javascript
详解js创建对象的几种方式和对象方法
2021/03/01 Javascript
[06:42]DOTA2每周TOP10 精彩击杀集锦vol.1
2014/06/25 DOTA
python写xml文件的操作实例
2014/10/05 Python
python压缩文件夹内所有文件为zip文件的方法
2015/06/20 Python
Python lxml解析HTML并用xpath获取元素的方法
2019/01/02 Python
Python closure闭包解释及其注意点详解
2019/08/28 Python
python实现在线翻译功能
2020/03/03 Python
python实现批量命名照片
2020/06/18 Python
Python爬虫之Selenium设置元素等待的方法
2020/12/04 Python
css3 利用transform打造走动的2D时钟
2020/10/20 HTML / CSS
通用C#笔试题附答案
2016/11/26 面试题
《最后的姿势》教学反思
2014/02/27 职场文书
年终晚会主持词
2014/03/25 职场文书
化工操作工岗位职责
2014/04/29 职场文书
教师求职自荐书
2014/06/14 职场文书
2015公务员试用期工作总结
2014/12/12 职场文书
幼儿园托班开学寄语(2016秋季)
2015/12/03 职场文书
2016年主题党日活动总结
2016/04/05 职场文书
Java Optional<Foo>转换成List<Bar>的实例方法
2021/06/20 Java/Android
python基础之类方法和静态方法
2021/10/24 Python
vue 数字翻牌器动态加载数据
2022/04/20 Vue.js
nginx 配置指令之location使用详解
2022/05/25 Servers