组合继承介绍

Posted 2020-12-25 qiweile

组合继承有时候也叫伪经典继承，指的是将原型链和借用构造函数技术组合到一块，从而发挥二者之长的一种继承模式，其背后的思路是使用原型链实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承。这样既通过在原型上定义方法实现了函数复用，又能保证每个实例都有它的自己的属性。

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

function SuperType(name){  this.name=name;  this.colors=["red","blue","green"]; } SuperType.prototype.sayName=function(){  console.log(this.name); } function SubType(name,age){  SuperType.call(this,name);  this.age=age; } SubType.prototype=new SuperType(); SubType.prototype.constructor=SubType; SubType.prototype.sayAge=function(){  console.log(this.age); } var instance1=new SubType("zxf",24); instance1.colors.push("black"); console.log(instance1.colors);//["red","blue","green","black"] instance1.sayName();//"zxf" instance1.sayAge();//24 var instance2=new SubType("jay",36); console.log(instance2.colors);//["red","blue","green"] instance2.sayName();//"jay" instance2.sayAge();//36

在这个例子中，supertype构造函数定义了两个属性，name和colors。supertype的原型定义了一个方法sayname()。subtype构造函数调用supertype时传入了name参数，紧接着又定义了它自己的属性age。然后将supertype的实例赋值给subtype的原型，然后又在该新原型上定义了方法sayage()。这样一来，就可以让两个不同的subtype实例既可以拥有属性--包括colors属性，又可以使用相同的方法。

组合式继承缺点是：调用了两次supertype构造函数，一次在赋值subtype的原型时，一次在实例化子类时call调用，这次调用会屏蔽原型中的两个同名属性。