JavaScript类的继承方法小结【组合继承分析】
更新时间：2018年07月11日 14:12:44 作者：Young-杨培丽
这篇文章主要介绍了JavaScript类的继承方法,结合实例形式总结分析了JavaScript继承的概念、原理及组合继承相关实现技巧,需要的朋友可以参考下
本文实例讲述了JavaScript类的继承方法。分享给大家供大家参考，具体如下：
在JavaScript 里，被继承的函数称为超类型(父类，基类也行，其他语言叫法)，继承的函数称为子类型(子类，派生类)。继承也有之前问题，比如字面量重写原型会中断关系，使用引用类型的原型，并且子类型还无法给超类型传递参数。
为了解决引用共享和超类型无法传参的问题，我们采用一种叫借用构造函数的技术，或者成为对象冒充(伪造对象、经典继承)的技术来解决这两种问题。
function aObj(){
this.name = ['小红','小强'];
}
}
aObj.prototype.showname = ()=>{
alert(this.name)
}
function bObj(){
aObj.call(this); //只针对构造函数本身的继承 还需要继承原型
}
借用构造函数虽然解决了函数本身的继承，但没有继承原型链。所以，我们需要原型链+借用构造函数的模式，这种模式称为组合继承。
方法一：
bObj.prototype = aObj.prototype;
缺点：引用类型，在操作对象原型时候，直接改变堆内存中对象的方法
方法二：
bObj.prototype = new aObj();
这种继承借助原型并基于已有的对象创建新对象，同时还不必因此创建自定义类型，但是构造函数两次继承，不是很好
方法三：
bObj.prototype = Object.create(aObj.prototype); bObj.prototype.constructor = bObj
使用a原型对象及其属性去创建一个新的对象，并将这个对象的constructor指向B函数本身，不存在重复继承的问题
方法四：
for (var i in aObj.prototype) {
bObj.prototype[i] = aObj.prototype[i];
}
将a的原型链遍历给b对象，实现原型的深度拷贝，双方互不影响
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
跟我学Node.js（四）---Node.js的模块载入方式与机制
Node.js中模块可以通过文件路径或名字获取模块的引用。模块的引用会映射到一个js文件路径，除非它是一个Node内置模块。Node的内置模块公开了一些常用的API给开发者，并且它们在Node进程开始的时候就预加载了。2014-06-06
javascript 哈希表(hashtable)的简单实现
javascript中没有像c#,java那样的哈希表(hashtable)的实现。在js中,object属性的实现就是hash表,因此只要在object上封装点方法,简单的使用obejct管理属性的方法就可以实现简单高效的hashtable。2010-01-01
静态页面的值传递(三部曲)...2006-09-09
这篇文章介绍了复制到剪切板js代码，有需要的朋友可以参考需要2013-06-06
有些时候我们需要把网站页面变成黑白色或灰色，特别是对于一些需要悼念的日子，以及一些影响力很大的伟人逝世或纪念日的时候，都会让网站的全部网页变成灰色（黑白色），以表示我们对逝者或者英雄的缅怀和悼念2022-12-12
在ECharts中,可以通过设置数据的顺序来控制柱状图的排序,本文就介绍了echarts实现排名柱状图的示例代码,具有一定的参考价值,感兴趣的可以了解一下2023-09-09
这篇文章主要为大家详细介绍了一个炫酷的Bootstrap导航菜单的制作方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
这篇文章主要介绍了JavaScript数据结构与算法之二叉树添加/删除节点操作,涉及javascript二叉树的定义、节点添加、删除、遍历等相关操作技巧,需要的朋友可以参考下2019-03-03
今天小编就为大家分享一篇layui表格内容溢出的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最近项目需求是统计当前摄像头中的人脸个数,所以下面这篇文章主要给大家介绍了关于基于微信小程序实现人脸数量检测的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下2022-12-12
最新评论