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 相关文章推荐
原型方法的不同写法居然会影响调试的解决方法
Mar 08 Javascript
javascript中xml操作实现代码
Nov 21 Javascript
用javascript为页面添加天气显示实现思路及代码
Dec 02 Javascript
JS的事件绑定深入认识
Jun 26 Javascript
js中unicode转码方法详解
Oct 09 Javascript
如何利用Promises编写更优雅的JavaScript代码
May 17 Javascript
JS中setTimeout和setInterval的最大延时值详解
Feb 13 Javascript
详解vue-cli 构建Vue项目遇到的坑
Aug 30 Javascript
简单实现vue验证码60秒倒计时功能
Oct 11 Javascript
浅谈Webpack自动化构建实践指南
Dec 18 Javascript
微信小程序通过js实现瀑布流布局详解
Aug 28 Javascript
针对Vue路由history模式下Nginx后台配置操作
Oct 22 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读取txt文件并将数据插入到数据库
2016/02/23 PHP
php自动提交表单的方法(基于fsockopen与curl)
2016/05/09 PHP
php英文单词统计器
2016/06/23 PHP
[原创]php集成安装包wampserver修改密码后phpmyadmin无法登陆的解决方法
2016/11/23 PHP
jquery 常用操作整理 基础入门篇
2009/10/14 Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
2014/10/16 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
2015/12/03 Javascript
JavaScript探测CSS动画是否已经完成的方法
2016/08/30 Javascript
JavaScript中清空数组的方法总结
2016/12/02 Javascript
VUE 全局变量的几种实现方式
2018/08/22 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
vue和小程序项目中使用iconfont的方法
2020/05/19 Javascript
Vue 使用typescript如何优雅的调用swagger API
2020/09/01 Javascript
Python发送http请求解析返回json的实例
2018/03/26 Python
python邮件发送smtplib使用详解
2020/06/16 Python
Python 中的lambda函数介绍
2018/10/10 Python
解决Jupyter Notebook使用parser.parse_args出现错误问题
2020/04/20 Python
深入理解Python 多线程
2020/06/16 Python
使用tkinter实现三子棋游戏
2021/02/25 Python
SIXPAD智能健身仪英国官网:革命性的训练装备品牌
2018/09/27 全球购物
幼儿园老师辞职信
2014/01/20 职场文书
军训自我鉴定范文
2014/02/13 职场文书
金融学专业大学生职业生涯规划
2014/03/07 职场文书
元旦寄语大全
2014/04/10 职场文书
地质工程专业毕业生求职信
2014/08/08 职场文书
化学专业大学生职业生涯规划范文
2014/09/13 职场文书
信用卡工作证明模板
2014/09/14 职场文书
党员群众路线教育实践活动学习笔记
2014/11/05 职场文书
公司租车协议书
2015/01/29 职场文书
颐和园导游词
2015/01/30 职场文书
世界文化遗产导游词
2015/02/13 职场文书
2015年监理工作总结范文
2015/04/07 职场文书
旅游项目合作意向书
2015/05/08 职场文书
小学教师教育随笔
2015/08/14 职场文书
2019年中,最受大众欢迎的6本新书
2019/08/07 职场文书
海贼王十大潜力果实,路飞仅排第十,第一可毁世界(震震果实)
2022/03/18 日漫