javascript中继承的几种实现方式
继承
想要实现继承，首先就得有个父类（构造函数）来提供属性和方法。
function father(name){ this.name=name //父类构造函数中的属性}father.prototype.age='40' //父类原型中的属性
1、借用构造函数继承
var son=function(){ father.call(this,...arguments) this.age=10}var son=new son('小明')console.log(son) //{name: "小明", age: 10}
此时son函数只是通过call方法在子级构造函数中调用父级构造函数
也就是说只继承了父类构造函数的属性，没有继承父类原型的属性。
此时可以通过instanceof方法进行判断
console.log(son instanceof father) //false
2、通过原型链继承
var son=function(name){ this.sonname=name}son.prototype=new father()var xiaoming=new son('小明')console.log(xiaoming) //{sonname:'小明'}console.log(xiaoming.__proto__==son.prototype) //trueconsole.log(xiaoming.__proto__.__proto__==father.prototype) //trueconsole.log(xiaoming.age) //40 通过原型链查找
son继承了father构造函数中的name属性以及原型中的age属性，
son的原型对象小明继承了son构造函数中的sonname属性、father构造函数中的name属性以及原型中的age属性，但是只能传值给son，不能传值给father。
3、组合继承（组合原型链继承和借用构造函数继承）
var son=function(){ father.call(this,...arguments)}son.prototype=new father()var son=new son('小明')console.log(son) //{name:'小明'}console.log(son.age) //40
结合1、2两种继承方法，解决了无法继承原型属性、方法以及不能传参的问题。实际上子类上会拥有父类的两份属性，只是子类的属性覆盖了父类的属性（father.call()，new father()）
4、拷贝继承
通过for…in，把父类对象和原型对象上可枚举的属性和方法循环赋值到son的原型上
function son(name){ var father=new father() for(let i in father){ console.log(father[i]) son.prototype[i]=father[i] } son.prototype.name=name}var son=new son('leo')console.log(son)
这种方法无法获取父类不可枚举的方法，同时因为要拷贝父类的属性和方法，内存占用比较高，效率较低。
5、原型式继承
采用原型式继承并不需要定义一个类，传入参数obj,生成一个继承obj对象的对象。类似于复制一个对象，用函数进行包装。但是它不是类式继承，而是原型式基础，缺少了类的概念。
function objectcreate(obj){ //这个方法的原理就是object.create() function f(){} f.prototype=obj return new f()}var son=new father('son');var son=objectcreate(son)var objson=object.create(son);console.log(son.name) //sonconsole.log(objson.name) //sonconsole.log(son.__proto__==son) //true
6、寄生式继承
创建一个仅仅用于封装继承过程的函数，然后在内部以某种方式增强对象，最后返回对象
function objectcreate(obj){ function f(){} f.prototype=obj return new f()}var son=new father();function subobject(obj){ var sub=objectcreate(obj) sub.name='son' return sub}var son=subobject(son)console.log(son.name) //son
7、寄生组合式继承
结合寄生式继承和组合式继承，完美实现不带两份超类属性的继承方式，但是太过繁杂，感觉还不如组合式继承。
function objectcreate(obj){ function f(){} f.prototype=obj return new f() }var middle=objectcreate(father.prototype) //middle的原型继承了父类函数的原型function son(){ father.call(this,...arguments)}son.prototype=middle; middle.construtor=son; //修复实例 var son=new son('son');console.log(son) //{name:'son'}
本文来自 js教程 栏目，欢迎学习！
以上就是javascript中继承的几种实现方式的详细内容。