js繼承之四（寄生組合式繼承）

標籤：組合   http   繼承建構函式   highlight   prototype   .com   var   alt   mod   

 

組合式繼承儘管很優秀，但是還是有一個地方算完美調用父類建構函式調用了兩次也就是執行個體化了兩個父類對象

從這個結果可以發現，父類執行個體中的屬性和方法其實子類已經有了，再添加進來未免多此一舉；所以這就是最佳化的點

function CarModel(c){      this.color=c||"白色";      this.arr=[1,2,3];      this.getColor=function(){        console.log(‘我的顏色是‘+this.color);      }}CarModel.prototype.test="lla";function Car(brand){ CarModel.call(this);//借用建構函式    繼承建構函式的屬性 this.brand=brand;     this.getBrand=function(){      console.log(‘我的品牌是‘+this.brand);      }}Car.prototype=Object.create(CarModel.prototype); //原型鏈模式  繼承原型對象上的屬性/*(function(){  // 建立一個沒有執行個體方法的類  var Super = function(){};  Super.prototype = CarModel.prototype;  //將執行個體作為子類的原型  Car.prototype = new Super();})();*/var car1=new Car("豐田");console.log(car1);

　上面有兩種方式，注釋掉的也是一種方式效果：

父類沒有執行個體化屬性了

 

js繼承之四（寄生組合式繼承）