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和firefox杰奇翻页函数
Jul 22 Javascript
判断用户是否在线的代码
Mar 05 Javascript
JQuery通过Ajax提交表单并返回结果
Jul 31 Javascript
Web跨浏览器进程通信(Web跨域)
Apr 17 Javascript
Node.js中的模块机制学习笔记
Nov 04 Javascript
jquery SweetAlert插件实现响应式提示框
Aug 18 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
Feb 26 Javascript
JS中dom0级事件和dom2级事件的区别介绍
May 05 Javascript
JS简单实现无缝滚动效果实例
Aug 24 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
Jun 15 Javascript
详解webpack模块加载器兼打包工具
Sep 11 Javascript
Javascript 解构赋值详情
Nov 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以及MYSQL日期比较方法
2012/11/29 PHP
php递归使用示例(php递归函数)
2014/02/14 PHP
ThinkPHP后台首页index使用frameset时的注意事项分析
2014/08/22 PHP
PHP遍历目录文件的常用方法小结
2017/02/03 PHP
js字符编码函数区别分析
2008/06/05 Javascript
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
简单时间提示DEMO从0开始一直进行计时
2013/11/19 Javascript
教你使用javascript简单写一个页面模板引擎
2015/05/05 Javascript
javascript倒计时效果实现
2015/11/12 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
2017/01/04 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
JavaScript实现隐藏省略文字效果的方法
2017/04/27 Javascript
JavaScript使用FileReader实现图片上传预览效果
2020/03/27 Javascript
node.js实现微信JS-API封装接口的示例代码
2017/09/06 Javascript
apicloud拉起小程序并传递参数的方法示例
2018/11/21 Javascript
微信小程序 调用远程接口 给全局数组赋值代码实例
2019/08/13 Javascript
layer.confirm()右边按钮实现href的例子
2019/09/27 Javascript
Vue之封装公用变量以及实现方式
2020/07/31 Javascript
python实现批量监控网站
2016/09/09 Python
Python实现感知机(PLA)算法
2017/12/20 Python
python 连接各类主流数据库的实例代码
2018/01/30 Python
一个简单的python爬虫程序 爬取豆瓣热度Top100以内的电影信息
2018/04/17 Python
如何在Django中设置定时任务的方法示例
2019/01/18 Python
几个适合python初学者的简单小程序,看完受益匪浅!(推荐)
2019/04/16 Python
python里运用私有属性和方法总结
2019/07/08 Python
Python安装及Pycharm安装使用教程图解
2019/09/20 Python
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
有机婴儿毛毯和衣服:Monica + Andy
2020/03/01 全球购物
人力资源管理专业自荐书范文
2014/02/10 职场文书
2014年四风问题个人对照自查剖析材料
2014/09/15 职场文书
开业庆典活动策划方案
2014/09/21 职场文书
用人单位聘用意向书
2015/05/11 职场文书
2015年教学管理工作总结
2015/05/20 职场文书
2015年学生管理工作总结
2015/05/26 职场文书
详细介绍python类及类的用法
2021/05/31 Python