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 相关文章推荐
js 分栏效果实现代码
Aug 29 Javascript
js Event对象的5种坐标
Sep 12 Javascript
jCallout 轻松实现气泡提示功能
Sep 22 Javascript
JavaScript将取代AppleScript?
Sep 18 Javascript
使用Raygun对Node.js应用进行错误处理的方法
Jun 23 Javascript
JQuery遍历元素的父辈和祖先的方法
Sep 18 Javascript
在localStorage中存储对象数组并读取的方法
Sep 24 Javascript
JQuery的加载和选择器用法简单示例
May 13 jQuery
javascript写一个ajax自动拦截并下载数据代码实例
Sep 07 Javascript
使用p5.js临摹动态图片
Nov 04 Javascript
js+css3实现简单时钟特效
Sep 13 Javascript
js动态生成表格(节点操作)
Jan 12 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设计模式之单例、多例设计模式的应用分析
2013/06/30 PHP
PHP实现加密文本文件并限制特定页面的存取的效果
2016/10/21 PHP
PHP实现的登录页面信息提示功能示例
2017/07/24 PHP
PHP实现从上往下打印二叉树的方法
2018/01/18 PHP
js的匿名函数使用介绍
2013/12/11 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
2015/09/22 Javascript
Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能
2015/11/02 Javascript
jQuery页面加载初始化的3种方法(推荐)
2016/06/02 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
2017/08/21 Javascript
layer插件select选中默认值的方法
2018/08/14 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
2018/09/14 Javascript
Vue Cli3 创建项目的方法步骤
2018/10/15 Javascript
vue路由跳转传参数的方法
2019/05/06 Javascript
微信小程序实现授权登录
2019/05/15 Javascript
Vue模板语法中数据绑定的实例代码
2019/05/17 Javascript
[03:48]2014DOTA2 TI专访71DK夺冠不靠小组赛高排名
2014/07/11 DOTA
[02:28]DOTA2 2017国际邀请赛小组赛回顾
2017/08/09 DOTA
一则python3的简单爬虫代码
2014/05/26 Python
Python入门篇之对象类型
2014/10/17 Python
讲解Python中for循环下的索引变量的作用域
2015/04/15 Python
Python制作钉钉加密/解密工具
2016/12/07 Python
Python实现的矩阵类实例
2017/08/22 Python
pycharm 实现显示project 选项卡的方法
2019/01/17 Python
Python 日期区间处理 (本周本月上周上月...)
2019/08/08 Python
PyTorch 导数应用的使用教程
2020/08/31 Python
Pycharm操作Git及GitHub的步骤详解
2020/10/27 Python
python中最小二乘法详细讲解
2021/02/19 Python
简单介绍HTML5中audio标签的使用
2015/09/24 HTML / CSS
女子锻炼服装和瑜伽服装:Splits59
2019/03/04 全球购物
Boom手表官网:瑞典手表品牌,设计你的手表
2019/03/11 全球购物
计算机专业毕业生求职信分享
2013/12/24 职场文书
处级领导干部四风问题自我剖析材料
2014/09/29 职场文书
2014年科室工作总结
2014/11/20 职场文书
2015年复活节活动总结
2015/02/27 职场文书
Mysql - 常用函数 每天积极向上
2021/04/05 MySQL
MySQL sql_mode的使用详解
2021/05/08 MySQL