JavaScript中的对象继承关系


Posted in Javascript onAugust 01, 2016

我们今天就来看一下继承中的类继承以及类继承和原型继承的混用,所谓类继承,就是使用call或者apply方法来进行冒充继承:

function Desk(size,height){
this.size=size;
this.height=height;
}
function MJDesk(size,height){
Desk.call(this,size,height);//这种就叫类继承.
}
var mj = new MJDesk(10,123);

像上面这种就是我们要使用的类继承,用这种继承,我们可以访问类中的方法和属性,但是无法访问父类原型中的方法和属性,这种方法别名冒充继承,顾名思义,就是一个假的继承,所以,假的当然不能继承真的原型,所以,类继承的缺点也是很明显的,当我们使用的多的时候,就会造成内存的浪费.由此,我们就出现了类继承和原型继承混合使用的方法:

function Desk(size,height){
this.size=size;
this.height=height;
}
function MJDesk(size,height){
Desk.call(this,size,height);//这种就叫类继承.
}
MJDesk.prototype=new Desk();//原型继承
var mj = new MJDesk(12,12);
//当然此处的原型继承用我们上一章讲的使用一个空函数进行继承的方式更好.

当然,我们现在使用最多的就是这种二者混合用的方式了!

以上所述是小编给大家介绍的JavaScript中的对象继承关系,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript中的一些定位属性[图解]
Jul 14 Javascript
javascript写的简单的计算器,内容很多,方法实用,推荐
Dec 29 Javascript
不到30行JS代码实现Excel表格的方法
Nov 15 Javascript
JS实现的文字与图片定时切换效果代码
Oct 06 Javascript
JS实现“隐藏与显示”功能(多种方法)
Nov 24 Javascript
探讨跨域请求资源的几种方式(总结)
Dec 02 Javascript
深入学习jQuery中的data()
Dec 22 Javascript
关于javascript事件响应的基础语法总结(必看篇)
Dec 26 Javascript
详解如何用webpack打包一个网站应用项目
Jul 12 Javascript
vue.js整合vux中的上拉加载下拉刷新实例教程
Jan 09 Javascript
vue2.0 computed 计算list循环后累加值的实例
Mar 07 Javascript
微信小程序实现录音Record功能
May 09 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
Aug 01 #Javascript
jQuery Ajax 加载数据时异步显示加载动画
Aug 01 #Javascript
jQuery简单实现title提示效果示例
Aug 01 #Javascript
jQuery Ajax 异步加载显示等待效果代码分享
Aug 01 #Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
Aug 01 #Javascript
jQuery获取与设置iframe高度的方法
Aug 01 #Javascript
jQuery+Pdo编写login登陆界面
Aug 01 #Javascript
You might like
使用网络地址转换实现多服务器负载均衡
2006/10/09 PHP
php生成excel列序号代码实例
2013/12/24 PHP
yii实现级联下拉菜单的方法
2014/07/31 PHP
[IE&FireFox兼容]JS对select操作
2007/01/07 Javascript
JavaScript中函数声明优先于变量声明的实例分析
2012/03/01 Javascript
javascript从右边截取指定字符串的三种实现方法
2013/11/29 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
node.js中的fs.read方法使用说明
2014/12/17 Javascript
javascript判断数组内是否重复的方法
2015/04/21 Javascript
js一维数组、多维数组和对象的混合使用方法
2016/04/03 Javascript
JS碰撞运动实现方法详解
2016/12/15 Javascript
webpack教程之webpack.config.js配置文件
2017/07/05 Javascript
深入理解vue-router之keep-alive
2017/08/31 Javascript
JavaScript 数组的进化与性能分析
2017/09/18 Javascript
webpack配置导致字体图标无法显示的解决方法
2018/03/06 Javascript
IE9 elementUI文件上传的问题解决
2018/10/17 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
2018/12/06 Javascript
微信小程序实现分享朋友圈的图片功能示例
2019/01/18 Javascript
[52:10]LGD vs Optic Supermajor小组赛D组胜者组决赛 BO3 第二场 6.3
2018/06/04 DOTA
[36:22]VP vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
跟老齐学Python之关于循环的小伎俩
2014/10/02 Python
python获取指定目录下所有文件名列表的方法
2015/05/20 Python
Python使用微信SDK实现的微信支付功能示例
2017/06/30 Python
tensorflow实现对图片的读取的示例代码
2018/02/12 Python
Python实现基于KNN算法的笔迹识别功能详解
2018/07/09 Python
使用Python 正则匹配两个特定字符之间的字符方法
2018/12/24 Python
Python计算两个矩形重合面积代码实例
2019/09/16 Python
Python笔记之工厂模式
2019/11/20 Python
使用Python通过oBIX协议访问Niagara数据的示例
2020/12/04 Python
Python基于mediainfo批量重命名图片文件
2020/12/29 Python
大学学年自我鉴定
2013/10/28 职场文书
党的作风建设心得体会
2014/10/22 职场文书
观看焦裕禄观后感
2015/06/09 职场文书
读后感怎么写?书写读后感的基本技巧!
2019/12/10 职场文书
MySQL8.0.24版本Release Note的一些改进点
2021/04/22 MySQL
正则表达式拆分url实例代码
2022/02/24 Java/Android