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 相关文章推荐
js仿百度贴吧验证码特效实例代码
Jan 16 Javascript
使用jQuery将多条数据插入模态框的实现代码
Oct 08 Javascript
jQuery使用$.get()方法从服务器文件载入数据实例
Mar 25 Javascript
JS显示表格内指定行html代码的方法
Mar 31 Javascript
JavaScript实现网页加载进度条代码超简单
Sep 21 Javascript
微信小程序 location API实例详解
Oct 02 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Oct 05 Javascript
vue多层嵌套路由实例分析
Mar 19 Javascript
性能优化篇之Webpack构建速度优化的建议
Apr 03 Javascript
layui 弹出层回调获取弹出层数据的例子
Sep 02 Javascript
微信小程序实现签到弹窗动画
Sep 21 Javascript
详解微信小程序「渲染层网络层错误」的解决方法
Jan 06 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版(1)
2006/10/09 PHP
投票管理程序
2006/10/09 PHP
PHP 图像尺寸调整代码
2010/05/26 PHP
PHP统计二维数组元素个数的方法
2013/11/12 PHP
如何阻止网站被恶意反向代理访问(防网站镜像)
2014/03/18 PHP
php获取QQ头像并显示的方法
2014/12/23 PHP
PHP 搜索查询功能实现
2016/11/29 PHP
详解PHP神奇又有用的Trait
2019/03/25 PHP
php如何实现数据库的备份和恢复
2020/11/30 PHP
仿jQuery的siblings效果的js代码
2011/08/09 Javascript
Javascript弹出窗口的各种方法总结
2013/11/11 Javascript
JavaScript实现鼠标滑过处生成气泡的方法
2015/05/16 Javascript
JSON与XML的区别对比及案例应用
2016/11/11 Javascript
集合Bootstrap自定义confirm提示效果
2017/09/19 Javascript
AngularJs 终极购物车(实例讲解)
2017/11/08 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
2018/01/13 Javascript
利用npm 安装删除模块的方法
2018/05/15 Javascript
JavaScript中条件语句的优化技巧总结
2020/12/04 Javascript
通过Python实现自动填写调查问卷
2017/09/06 Python
python实现最长公共子序列
2018/05/22 Python
Python操作MySQL数据库的两种方式实例分析【pymysql和pandas】
2019/03/18 Python
Python Pandas分组聚合的实现方法
2019/07/02 Python
Python K最近邻从原理到实现的方法
2019/08/15 Python
PyTorch之图像和Tensor填充的实例
2019/08/18 Python
PyCharm2020.1.2社区版安装,配置及使用教程详解(Windows)
2020/08/07 Python
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
2014/04/03 HTML / CSS
俄罗斯电子产品、计算机和家用电器购物网站:OLDI
2019/10/27 全球购物
在weblogic中发布ejb需涉及到哪些配置文件
2012/01/17 面试题
《小草和大树》教学反思
2014/02/16 职场文书
绿色环保口号
2014/06/12 职场文书
优秀毕业生的求职信
2014/07/21 职场文书
安全目标管理责任书
2014/07/25 职场文书
大学生翘课检讨书范文
2014/10/06 职场文书
介绍信格式
2015/01/30 职场文书
社区工作者个人总结
2015/02/28 职场文书
python中的sys模块和os模块
2022/03/20 Python