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 相关文章推荐
用于自动添加Digg This!按钮的JavaScript
Dec 23 Javascript
javascript Prototype 对象扩展
May 15 Javascript
Javascript this 的一些学习总结
Aug 02 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
Mar 08 Javascript
JavaScript实现简单的tab选项卡切换
Jan 05 Javascript
AngularJS中使用ngModal模态框实例
May 27 Javascript
vue使用iframe嵌入网页的示例代码
Jun 09 Javascript
解决vue-cli项目打包出现空白页和路径错误的问题
Sep 04 Javascript
Node 搭建一个静态资源服务器的实现
May 20 Javascript
vue集成chart.js的实现方法
Aug 20 Javascript
浅谈vue异步数据影响页面渲染
Oct 29 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
Nov 17 Vue.js
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
给海燕B411配件机起死回生配上件
2021/03/02 无线电
php的ZipArchive类用法实例
2014/10/20 PHP
WordPress用户登录框密码的隐藏与部分显示技巧
2015/12/31 PHP
我的Node.js学习之路(一)
2014/07/06 Javascript
jquery自定义插件开发之window的实现过程
2016/05/06 Javascript
ES6正则表达式扩展笔记
2017/07/25 Javascript
浅谈React中组件间抽象
2018/01/27 Javascript
vue使用xe-utils函数库的具体方法
2018/03/06 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
2018/09/07 Javascript
JS获取当前时间的实例代码(昨天、今天、明天)
2018/11/13 Javascript
如何获取vue单文件自身源码路径
2019/05/06 Javascript
webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法
2019/06/28 Javascript
javascript 使用sleep函数的常见方法详解
2020/04/26 Javascript
Python continue语句用法实例
2014/03/11 Python
浅要分析Python程序与C程序的结合使用
2015/04/07 Python
Python的Django框架中的表单处理示例
2015/07/17 Python
Python实现通讯录功能
2018/02/22 Python
浅析python继承与多重继承
2018/09/13 Python
Python连接Mssql基础教程之Python库pymssql
2018/09/16 Python
pyside+pyqt实现鼠标右键菜单功能
2020/12/08 Python
Python3 Tkinter选择路径功能的实现方法
2019/06/14 Python
python安装scipy的方法步骤
2019/06/26 Python
Python交互式图形编程的实现
2019/07/25 Python
Python数据分析pandas模块用法实例详解
2019/11/20 Python
numpy 声明空数组详解
2019/12/05 Python
python django中8000端口被占用的解决
2019/12/17 Python
jupyter notebook指定启动目录的方法
2021/03/02 Python
工程力学专业毕业生求职信
2013/10/06 职场文书
博士生入学考试推荐信
2013/11/17 职场文书
初二政治教学反思
2014/01/12 职场文书
档案保密承诺书
2014/06/03 职场文书
六一文艺汇演开幕词
2015/01/29 职场文书
春风化雨观后感
2015/06/11 职场文书
Golang 1.18 多模块Multi-Module工作区模式的新特性
2022/04/11 Golang
索尼ICF-5900W收音机测评
2022/04/24 无线电
MySQL中EXPLAIN语句及用法
2022/05/20 MySQL