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 Title、alt提示(Tips)实现源码解读
Dec 12 Javascript
Script的加载方法小结
Jan 12 Javascript
javascript按位非运算符的使用方法
Nov 14 Javascript
jquery中EasyUI使用技巧小结
Feb 10 Javascript
jquery图片切换实例分析
Apr 15 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
Jan 04 Javascript
JavaScript兼容性总结之获取非行间样式案例
Aug 07 Javascript
javascript淘宝主图放大镜功能
Oct 20 Javascript
vue如何从接口请求数据
Jun 22 Javascript
elementUI 动态生成几行几列的方法示例
Jul 11 Javascript
iview的table组件自带的过滤器实现
Jul 12 Javascript
vue移动端实现手机左右滑动入场动画
Jun 17 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 按指定元素值去除数组元素的实现方法
2011/11/04 PHP
PHP数组传递是值传递而非引用传递概念纠正
2013/01/31 PHP
修改ThinkPHP缓存为Memcache的方法
2014/06/25 PHP
jquery last-child 列表最后一项的样式
2010/01/22 Javascript
基于Jquery代码实现手风琴菜单
2015/11/19 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
2016/01/28 Javascript
JavaScript中Form表单技术汇总(推荐)
2016/06/26 Javascript
详解CommonJS和ES6模块循环加载处理的区别
2018/12/26 Javascript
Vue实现的父组件向子组件传值功能示例
2019/01/19 Javascript
如何优雅地在vue中添加权限控制示例详解
2019/03/07 Javascript
vue swipe自定义组件实现轮播效果
2019/07/03 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
2020/03/12 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
2020/04/20 Javascript
Python中的index()方法使用教程
2015/05/18 Python
Python简单计算文件夹大小的方法
2015/07/14 Python
Python实现周期性抓取网页内容的方法
2015/11/04 Python
Python 中迭代器与生成器实例详解
2017/03/29 Python
Python编程修改MP3文件名称的方法
2017/04/19 Python
Python使用struct处理二进制的实例详解
2017/09/11 Python
Python生成8位随机字符串的方法分析
2017/12/05 Python
Python中Threading用法详解
2017/12/27 Python
Django+Ajax+jQuery实现网页动态更新的实例
2018/05/28 Python
python traceback捕获并打印异常的方法
2018/08/31 Python
python日期相关操作实例小结
2019/06/24 Python
在python中将list分段并保存为array类型的方法
2019/07/15 Python
基于python cut和qcut的用法及区别详解
2019/11/22 Python
用python获取txt文件中关键字的数量
2020/12/24 Python
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
美国时尚女装在线:Missguided
2016/12/03 全球购物
BabyBjörn婴儿背带法国官网:BabyBjorn法国
2018/06/16 全球购物
电脑租赁公司创业计划书
2014/01/08 职场文书
教导处工作制度
2014/01/18 职场文书
会计电算化个人求职信范文
2014/01/24 职场文书
会展策划与管理专业求职信
2014/06/09 职场文书
物理系毕业生自荐书
2014/06/13 职场文书
荆州古城导游词
2015/02/06 职场文书