JavaScript面向?qū)ο缶幊?繼承（三）

alaege 發(fā)布于2019-08-23 12:04 / 3044人閱讀

摘要：子類(lèi)不是父類(lèi)實(shí)例的問(wèn)題是由類(lèi)式繼承引起的。所以寄生式繼承和構(gòu)造函數(shù)繼承的組合又稱(chēng)為一種新的繼承方式。但是這里的寄生式繼承處理的不是對(duì)象，而是類(lèi)的原型。看上去略微復(fù)雜，還得好好研究。

寄生組合式繼承（終極繼承者）

前面學(xué)習(xí)了類(lèi)式繼承和構(gòu)造函數(shù)繼承組合使用，也就是組合繼承，但是這種繼承方式有個(gè)問(wèn)題，就是子類(lèi)不是父類(lèi)的實(shí)例，而子類(lèi)的原型是父類(lèi)的實(shí)例。子類(lèi)不是父類(lèi)實(shí)例的問(wèn)題是由類(lèi)式繼承引起的。因此還有一種更好的繼承方式，那就是寄生組合式繼承，也就是寄生式繼承和構(gòu)造函數(shù)繼承的組合，因?yàn)榧纳嚼^承依托于原型繼承，原型繼承又與類(lèi)式繼承相像。所以寄生式繼承和構(gòu)造函數(shù)繼承的組合又稱(chēng)為一種新的繼承方式。但是這里的寄生式繼承處理的不是對(duì)象，而是類(lèi)的原型。

/**
 *寄生式繼承 繼承原型
 * 傳遞參數(shù) subClass子類(lèi)
 * 傳遞參數(shù) superClass 父類(lèi)
 */
function inheritPrototype(subClass,superClass) {
    //復(fù)制一份父類(lèi)的原型副本保存在變量中
    var p = inheritObject(superClass.prototype);
    //修正因?yàn)橹貙?xiě)子類(lèi)原型副本保存在變量中
    p.constructor = subClass;
    //設(shè)置子類(lèi)的原型
    subClass.prototype = p;
}
//測(cè)試代碼
//定義父類(lèi)
function SuperClass(name) {
    this.name = name;
    this.colors =["red","blue","green"];
}
//定義父類(lèi)原型方法
SuperClass.prototype.getName = function () {
    console.log(this.name);
};
//定義子類(lèi)
function SubClass(name,time) {
    //構(gòu)造函數(shù)式繼承
    SuperClass.call(this,name);
    //子類(lèi)新增屬性
    this.time = time;
}
//寄生式繼承父類(lèi)原型
inheritPrototype(SubClass,SuperClass);
//子類(lèi)新增原型方法
SubClass.prototype.getTime = function () {
    console.log(this.time);
};
//創(chuàng)建兩個(gè)測(cè)試方法
var instance1 = new SubClass("js",2018);
var instance2 = new SubClass("css",8102);
instance1.colors.push("black");
console.log(instance1.colors);//[ "red", "blue", "green", "black" ]
console.log(instance2.colors);//[ "red", "blue", "green" ]
instance2.getName();//css
instance2.getTime();//8102

寄生組合式繼承主要是通過(guò)寄生式繼承重新繼承父類(lèi)的原型，需要繼承的僅僅是父類(lèi)的原型，而不需要再調(diào)用父類(lèi)的構(gòu)造函數(shù)，也就是說(shuō)在構(gòu)造函數(shù)繼承中我們已經(jīng)調(diào)用了父類(lèi)的構(gòu)造函數(shù)，因此我們需要的就是父類(lèi)的原型對(duì)象的一個(gè)副本，而這個(gè)副本通過(guò)原型繼承即可得到，但是直接賦值給子類(lèi)會(huì)有問(wèn)題，因?yàn)閷?duì)父類(lèi)原型對(duì)象復(fù)制得到的復(fù)制對(duì)象p中的constructor指向的不是subClass子類(lèi)對(duì)象，因此在寄生式繼承中要對(duì)復(fù)制對(duì)象p做一次增強(qiáng)，修復(fù)其constructor屬性指向不正確的問(wèn)題，最后將得到的復(fù)制對(duì)象p賦值給子類(lèi)的原型，這樣子類(lèi)的原型就繼承了父類(lèi)的原型并且沒(méi)有執(zhí)行父類(lèi)的構(gòu)造函數(shù)。
看上去略微復(fù)雜，還得好好研究。