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 闭包引起的IE内存泄露分析
May 23 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 Javascript
JS实现清除指定cookies的方法
Sep 20 Javascript
jQuery中 prop() attr()使用详解
May 19 Javascript
React学习之事件绑定的几种方法对比
Sep 24 Javascript
利用babel将es6语法转es5的简单示例
Dec 01 Javascript
Vue使用mixins实现压缩图片代码
Mar 14 Javascript
JavaScript实现仿Clock ISO时钟
Jun 29 Javascript
VUE简单的定时器实时刷新的实现方法
Jan 20 Javascript
如何修改Vue打包后文件的接口地址配置的方法
Apr 22 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
Jul 22 Javascript
vue项目在线上服务器访问失败原因分析
Aug 14 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实现QQ空间自动回复说说的方法
2015/12/02 PHP
Yii2框架制作RESTful风格的API快速入门教程
2016/11/08 PHP
2007/12/23更新创意无限,简单实用(javascript log)
2007/12/24 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
2013/10/18 Javascript
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
2014/06/09 Javascript
在JS数组特定索引处指定位置插入元素的技巧
2014/08/24 Javascript
js实现有时间限制消失的图片方法
2015/02/27 Javascript
JavaScript从数组中删除指定值元素的方法
2015/03/18 Javascript
基于html5和nodejs相结合实现websocket即使通讯
2015/11/19 NodeJs
AngularJS 最常用的功能汇总
2016/02/17 Javascript
JQUERY的AJAX请求缓存里的数据问题处理
2016/02/23 Javascript
Flask中获取小程序Request数据的两种方法
2017/05/12 Javascript
angularjs 获取默认选中的单选按钮的value方法
2018/02/28 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
layui点击按钮添加可编辑的一行方法
2018/08/15 Javascript
node(koa2) web应用模块介绍详解
2019/03/29 Javascript
vue动态绑定class的几种常用方式小结
2019/05/21 Javascript
浅谈layui使用模板引擎动态渲染元素要注意的问题
2019/09/14 Javascript
浅谈Layui的eleTree树式选择器使用方法
2019/09/25 Javascript
js实现图片实时时钟
2020/01/15 Javascript
[01:05]主宰至宝剑心之遗
2017/03/16 DOTA
Python中用Ctrl+C终止多线程程序的问题解决
2013/03/30 Python
Python3基础之输入和输出实例分析
2014/08/18 Python
Python中使用HTMLParser解析html实例
2015/02/08 Python
详解Python的Django框架中的Cookie相关处理
2015/07/22 Python
pyqt5实现登录界面的模板
2020/05/30 Python
CSS3制作半透明边框(Facebox)类似渐变
2012/12/09 HTML / CSS
css3中背景尺寸background-size详解
2014/09/02 HTML / CSS
Fossil美国官网:Fossil手表、手袋、珠宝及配件
2017/02/01 全球购物
护理助产毕业生的求职信
2014/03/02 职场文书
团日活动总结
2014/04/28 职场文书
项目申请汇报材料
2014/08/16 职场文书
领导班子作风建设年个人整改措施
2014/09/29 职场文书
会计求职简历自我评价
2015/03/10 职场文书
解决pytorch 损失函数中输入输出不匹配的问题
2021/06/05 Python
我家女友可不止可爱呢 公开OP主题曲无字幕动画MV
2022/04/11 日漫