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 tips提示效果
Apr 03 Javascript
JavaScript生成的动态下雨背景效果实现方法
Feb 25 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
Sep 23 Javascript
探索angularjs+requirejs全面实现按需加载的套路
Feb 26 Javascript
基于jquery实现表格内容筛选功能实例解析
May 09 Javascript
HTML5 canvas 9绘制图片实例详解
Sep 06 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
Oct 21 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
Mar 07 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
Apr 19 Javascript
优雅的处理vue项目异常实战记录
Jun 05 Javascript
微信小程序文章列表功能完整实例
Jun 03 Javascript
JS实现手风琴特效
Nov 08 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 preg_match_all结合str_replace替换内容中所有img
2008/10/11 PHP
Yii结合CKEditor实现图片上传功能
2014/06/13 PHP
ThinkPHP多表联合查询的常用方法
2020/03/24 PHP
php加密之discuz内容经典加密方式实例详解
2017/02/04 PHP
PHP检查网站是否宕机的方法示例
2017/07/24 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
nodejs 后缀名判断限制代码
2011/03/31 NodeJs
javascript 事件处理程序介绍
2012/06/27 Javascript
ExtJS下 Ext.Direct加载和提交过程排错小结
2013/04/02 Javascript
javascript与jquery中跳出循环的区别总结
2013/11/04 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
Javascript中return的使用与闭包详解
2017/01/11 Javascript
Angular2使用jQuery的方法教程
2017/05/28 jQuery
Vue对象赋值视图不更新问题及解决方法
2019/06/03 Javascript
深入理解令牌认证机制(token)
2019/08/22 Javascript
js实现自动播放匀速轮播图
2020/02/06 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
详解ES6中class的实现原理
2020/10/03 Javascript
Python运行的17个时新手常见错误小结
2012/08/07 Python
跟老齐学Python之有容乃大的list(3)
2014/09/15 Python
Python基础中所出现的异常报错总结
2016/11/19 Python
python利用requests库模拟post请求时json的使用教程
2018/12/07 Python
Python一行代码实现快速排序的方法
2019/04/30 Python
python多线程案例之多任务copy文件完整实例
2019/10/29 Python
Python 下载及安装详细步骤
2019/11/04 Python
Python利用 utf-8-sig 编码格式解决写入 csv 文件乱码问题
2020/02/21 Python
pip install 使用国内镜像的方法示例
2020/04/03 Python
Python实现清理微信僵尸粉功能示例【基于itchat模块】
2020/05/29 Python
html5实现滑块功能之type="range"属性
2020/02/18 HTML / CSS
Charlotte Tilbury英国官网:英国彩妆品牌
2017/05/26 全球购物
送给程序员的20个Java集合面试问题
2014/08/06 面试题
《数星星的孩子》教学反思
2014/04/11 职场文书
2014小学二年级班主任工作总结
2014/12/05 职场文书
2015年幼儿园德育工作总结
2015/05/25 职场文书
2015最新民情日记范文
2015/06/26 职场文书
NodeJs内存占用过高的排查实战记录
2021/05/10 NodeJs