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 19 Javascript
javascript 面向对象全新理练之继承与多态
Dec 03 Javascript
javascript 解决表单仍然提交即使监听处理函数返回false
Mar 14 Javascript
从面试题学习Javascript 面向对象(创建对象)
Mar 30 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
Aug 02 Javascript
javascript实现iframe框架延时加载的方法
Oct 30 Javascript
浅谈javascript中的instanceof和typeof
Feb 27 Javascript
如何屏蔽防止别的网站嵌入框架代码
Aug 24 Javascript
jquery+ajax实现注册实时验证实例详解
Dec 08 Javascript
element-ui的回调函数Events的用法详解
Oct 16 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
Jul 19 Javascript
JavaScript实现矩形块大小任意缩放
Aug 25 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绘图之在图片上写中文和英文的方法
2015/01/24 PHP
Symfony生成二维码的方法
2016/02/04 PHP
PHP学习笔记之php文件操作
2016/06/03 PHP
Laravel 实现Eloquent模型分组查询并返回每个分组的数量 groupBy()
2019/10/23 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
jQuery 获取对象 基本选择与层级
2010/05/31 Javascript
JavaScript EasyPager 分页函数
2011/05/25 Javascript
js 走马灯简单实例
2013/11/21 Javascript
$.each与$().each的区别示例介绍
2014/03/20 Javascript
jQuery插件jPaginate实现无刷新分页
2015/05/04 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
2016/04/20 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
2017/03/15 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
2017/08/12 Javascript
React Native AsyncStorage本地存储工具类
2017/10/24 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
2018/05/31 jQuery
详解JS判断页面是在手机端还是在PC端打开的方法
2019/04/26 Javascript
JavaScript命令模式原理与用法实例详解
2020/03/10 Javascript
python读取csv文件示例(python操作csv)
2014/03/11 Python
python爬虫解决验证码的思路及示例
2019/08/01 Python
python实现本地批量ping多个IP的方法示例
2019/08/07 Python
在win64上使用bypy进行百度网盘文件上传功能
2020/01/02 Python
JAVA SWT事件四种写法实例解析
2020/06/05 Python
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
2018/01/08 HTML / CSS
意大利单身交友网站:Meetic
2020/07/12 全球购物
类和结构的区别
2012/08/15 面试题
日期和时间问题
2015/01/04 面试题
高三地理教学反思
2014/01/11 职场文书
《中华少年》教学反思
2014/02/15 职场文书
金融事务专业求职信
2014/04/25 职场文书
公司授权委托书范文
2014/09/21 职场文书
2014年医院个人工作总结
2014/12/09 职场文书
中学生运动会广播稿
2015/08/19 职场文书
2016年大学生社区服务活动总结
2016/04/06 职场文书
幼师必备:幼儿园期末教师评语50条
2019/11/01 职场文书
SQL Server代理:理解SQL代理错误日志处理方法
2021/06/30 SQL Server
Windows10安装Apache2.4的方法步骤
2022/06/25 Servers