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实现Windows任务管理器的代码
Mar 27 Javascript
jQuery学习笔记之jQuery动画效果
Sep 09 Javascript
Javascript实现简单的富文本编辑器附演示
Jun 16 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
May 18 Javascript
javascript实现五星评价代码(源码下载)
Aug 11 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
Jan 08 Javascript
vue,angular,avalon这三种MVVM框架优缺点
Apr 27 Javascript
简单实现vue验证码60秒倒计时功能
Oct 11 Javascript
Angular7.2.7路由使用初体验
Mar 01 Javascript
Vue实现一个图片懒加载插件
Mar 11 Javascript
使用异步controller与jQuery实现卷帘式分页
Jun 18 jQuery
浅析JavaScript中的变量提升
Jun 01 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
php 随机生成10位字符代码
2009/03/26 PHP
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
openflashchart 2.0 简单案例php版
2012/05/21 PHP
PHP实现的分解质因数操作示例
2018/08/01 PHP
用document.documentElement取代document.body的原因分析
2009/11/12 Javascript
在UpdatePanel内jquery easyui效果失效的解决方法
2010/04/11 Javascript
jQuery的slideToggle方法实例
2013/05/07 Javascript
常用的JavaScript验证正则表达式汇总
2013/11/26 Javascript
js 获取时间间隔实现代码
2014/05/12 Javascript
基于iframe实现类似于ajax的页面无刷新
2014/05/31 Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
2014/06/04 Javascript
jQuery中:radio选择器用法实例
2015/01/03 Javascript
有效提高JavaScript执行效率的几点知识
2015/01/31 Javascript
jquery $(document).ready()和window.onload的区别浅析
2015/02/04 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
2015/09/19 Javascript
JavaScript操作选择对象的简单实例
2016/05/16 Javascript
JavaScript如何一次性展示几万条数据
2017/03/30 Javascript
Node.js 使用命令行工具检查更新
2017/06/08 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
2017/09/08 Javascript
vue项目base64字符串转图片的实现代码
2018/07/13 Javascript
微信小程序将字符串生成二维码图片的操作方法
2018/07/17 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
JS实现旋转木马轮播图
2020/01/01 Javascript
js根据后缀判断文件文件类型的代码
2020/05/09 Javascript
JavaScript oncopy事件用法实例解析
2020/05/13 Javascript
JavaScript对象访问器Getter及Setter原理解析
2020/12/08 Javascript
[15:20]DOTA2亚洲邀请赛总决赛开幕式表演:羽泉献唱
2017/04/05 DOTA
OpenCV3.0+Python3.6实现特定颜色的物体追踪
2019/07/23 Python
python numpy中cumsum的用法详解
2019/10/17 Python
Django框架models使用group by详解
2020/03/11 Python
车工岗位职责
2013/11/26 职场文书
消防安全员岗位职责
2014/03/10 职场文书
领导干部对照检查材料
2014/08/24 职场文书
商家认证委托书格式
2014/10/16 职场文书
校长师德表现自我评价
2015/03/04 职场文书
详解Html5项目适配系统深色模式方案总结
2021/04/14 HTML / CSS