javascript中什么是組合繼承

javascript中什么是組合繼承？相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

1、說明

用原型鏈實(shí)現(xiàn)原型屬性和方法的繼承，借用構(gòu)造函數(shù)技術(shù)實(shí)現(xiàn)實(shí)例屬性的繼承。

2、缺點(diǎn)

組合模式的缺點(diǎn)是使用子類制作實(shí)例對(duì)象時(shí)，其原型有兩種相同的屬性、方法。

3、實(shí)例

function SuperType(name){
  this.name = name;
  this.colors = ["red", "blue", "green"];
}
SuperType.prototype.sayName = function(){
  alert(this.name);
};
 
function SubType(name, age){
  // 繼承屬性
  // 第二次調(diào)用SuperType()
  SuperType.call(this, name);
  this.age = age;
}
 
// 繼承方法
// 構(gòu)建原型鏈
// 第一次調(diào)用SuperType()
SubType.prototype = new SuperType();
// 重寫SubType.prototype的constructor屬性，指向自己的構(gòu)造函數(shù)SubType
SubType.prototype.constructor = SubType;
SubType.prototype.sayAge = function(){
    alert(this.age);
};
 
var instance1 = new SubType("Nicholas", 29);
instance1.colors.push("black");
alert(instance1.colors); //"red,blue,green,black"
instance1.sayName(); //"Nicholas";
instance1.sayAge(); //29
 
var instance2 = new SubType("Greg", 27);
alert(instance2.colors); //"red,blue,green"
instance2.sayName(); //"Greg";
instance2.sayAge(); //27

看完上述內(nèi)容，你們掌握javascript中什么是組合繼承的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！