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 得到变量类型的函数
May 19 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
Dec 05 Javascript
jquery根据锚点offset值实现动画切换
Sep 11 Javascript
jquery实现类似淘宝星星评分功能有截图
Sep 15 Javascript
详解JavaScript正则表达式之RegExp对象
Dec 13 Javascript
dul无法加载bootstrap实现unload table/user恢复
Sep 29 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
Angular实现跨域(搜索框的下拉列表)
Feb 16 Javascript
vue.js实现价格格式化的方法
May 23 Javascript
node中IO以及定时器优先级详解
May 10 Javascript
webpack常用配置总览(小结)
Nov 18 Javascript
(开源)微信小程序+mqtt,esp8266温湿度读取
Apr 02 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报错configure error Cannot find libmysqlclient under usr的解决方法
2014/06/27 PHP
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
2011/12/31 Javascript
原生js事件的添加和删除的封装
2014/07/01 Javascript
jQuery大于号(>)选择器的作用解释
2015/01/13 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
2015/05/25 Javascript
浅析JavaScript Array和string的转换(推荐)
2016/05/20 Javascript
javascript基础知识讲解
2017/01/11 Javascript
JavaScript仿微信打飞机游戏
2020/07/05 Javascript
jQuery中的deferred对象和extend方法详解
2017/05/08 jQuery
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
JS实现简单的点赞与踩功能示例
2018/12/05 Javascript
详解原生JS动态添加和删除类
2019/03/26 Javascript
socket在egg中的使用实例代码详解
2019/05/30 Javascript
JS使用正则表达式提交页面验证的代码
2019/10/16 Javascript
使用 JavaScript 创建并下载文件(模拟点击)
2019/10/25 Javascript
vue全局使用axios的操作
2020/09/08 Javascript
python制作一个桌面便签软件
2015/08/09 Python
python常用函数详解
2016/09/13 Python
Python操作csv文件实例详解
2017/07/31 Python
关于Python 中的时间处理包datetime和arrow的方法详解
2020/03/19 Python
python使用pymongo与MongoDB基本交互操作示例
2020/04/09 Python
如何在Windows中安装多个python解释器
2020/06/16 Python
Python使用cn2an实现中文数字与阿拉伯数字的相互转换
2021/03/02 Python
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
HTML5注册页面示例代码
2014/03/27 HTML / CSS
HTML5制作酷炫音频播放器插件图文教程
2014/12/30 HTML / CSS
巴西男士个人护理产品商店:SHOP4MEN
2017/08/07 全球购物
英国家喻户晓的家居商店:The Range
2019/03/25 全球购物
广告业务员岗位职责
2014/02/06 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书
导游词之上海豫园
2019/10/24 职场文书
go语言中http超时引发的事故解决
2021/06/02 Golang
JMeter对MySQL数据库进行压力测试的实现步骤
2022/01/22 MySQL
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫
聊聊基于pytorch实现Resnet对本地数据集的训练问题
2022/03/25 Python
如何Python使用re模块实现okenizer
2022/04/30 Python