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 相关文章推荐
JQuery AJAX提交中文乱码的解决方案
Jul 02 Javascript
javascript实现网页背景烟花效果的方法
Aug 06 Javascript
JQuery实现Ajax加载图片的方法
Dec 24 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
Apr 30 Javascript
jQuery插件开发汇总
May 15 Javascript
浅谈js中的in-for循环
Jun 28 Javascript
EasyUI创建对话框的两种方式
Aug 23 Javascript
angularjs+bootstrap实现自定义分页的实例代码
Jun 19 Javascript
vue实现条件判断动态绑定样式的方法
Sep 29 Javascript
vue多层嵌套路由实例分析
Mar 19 Javascript
改变layer confirm弹窗按钮的颜色方法
Sep 12 Javascript
vue实现打地鼠小游戏
Aug 21 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
怎么在Windows系统中搭建php环境
2013/08/31 PHP
php+mysql实现无限级分类
2015/11/11 PHP
JavaScript中的Math 使用介绍
2014/04/21 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
2014/05/20 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
angularjs中的e2e测试实例
2014/12/06 Javascript
详解AngularJS Filter(过滤器)用法
2015/12/28 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
2016/01/19 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
javascript DIV实现跟随鼠标移动
2020/03/19 Javascript
手机端实现Bootstrap简单图片轮播效果
2016/10/13 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
2017/01/14 Javascript
vue中的非父子间的通讯问题简单的实例代码
2017/07/19 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
2017/10/11 Javascript
webpack打包并将文件加载到指定的位置方法
2018/02/22 Javascript
Vue实现本地购物车功能
2018/12/05 Javascript
解决vue打包后刷新页面报错:Unexpected token
2019/08/27 Javascript
layui表格设计以及数据初始化详解
2019/10/26 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
[14:50]2018DOTA2亚洲邀请赛开幕式
2018/04/03 DOTA
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
Python简单定义与使用字典dict的方法示例
2017/07/25 Python
Django集成celery发送异步邮件实例
2019/12/17 Python
pytorch 实现查看网络中的参数
2020/01/06 Python
python查看矩阵的行列号以及维数方式
2020/05/22 Python
Python Opencv轮廓常用操作代码实例解析
2020/09/01 Python
Python+OpenCV图像处理——图像二值化的实现
2020/10/24 Python
实习自我鉴定模板
2013/09/28 职场文书
商场中秋节活动方案
2014/02/07 职场文书
实习协议书范本
2014/09/25 职场文书
工作检讨书怎么写
2014/10/10 职场文书
2014年宣传部个人工作总结
2014/12/06 职场文书
幼儿教师辞职信
2015/02/27 职场文书
中学生清明节演讲稿
2015/03/18 职场文书
工程竣工验收申请报告
2015/05/15 职场文书
25句企业管理语录:助你迅速打开思路,句句经典!
2020/01/14 职场文书