如何繼承在JavaScript

Question

2級我有A類和B我想繼承使用C類的一類兩個班，我使用下面的代碼 -

它的工作的罰款單類。現在我想繼承類B.

function A() { 
} 

function B() { 
} 

function C() { 
} 

C.prototype = Object.create(A.prototype); 
C.prototype.constructor = C; 

Answer 1

的對象只有一個單原型鏈。除非A.prototype和B.prototype之間存在關係，否則它們不能同時位於單個對象的原型鏈上。

您可以創建一個包含對A.prototype和B.prototype什麼，並以此作爲對C.prototype對象組合的新對象：

function C() { 
    A.call(this); 
    B.call(this); 
} 
C.prototype = Object.assign({}, A.prototype, B.prototype); // Object.assign is 
                  // ES2015, but can be 
                  // shimmed 
C.prototype.constructor = C; 

...但要注意：

1. 如果您之後在A.prototype或B.prototype上添加/刪除內容，那些更改將不會反映在C.prototype或通過new C創建的實例上。
2. instanceof不會將通過new C創建的對象視爲instanceof A或instanceof B，因爲A.prototype和B.prototype不在其原型鏈中。
3. 如果A.prototype和B.prototype都具有相同的屬性（也許它們都覆蓋toString，例如），您只能有一個或另一個。 （在上面的代碼中，B.prototype會贏。）

Answer 2

使用A類繼承B類，然後C類繼承A類。 JavaScript只適用於單一繼承。

Answer 3

多重繼承在JS中不起作用。儘管如此，爲什麼不嘗試像Mix-Ins/Traits這樣的東西？而不是構建複雜的繼承鏈，而不是構建複雜的繼承鏈。

而不是試圖找出WalkingSpeakingPet是否應該從WalkingPet或SpeakingPet繼承，你可以改爲使用特質，並將它們添加到寵物。

function Walker (target) { 
    return { 
    walk (x, y) { console.log("I'm walking!"); } 
    }; 
} 

function Flyer (target) { 
    return { 
    fly (x, y, z) { console.log("I'm flying!"); } 
    }; 
} 

function Swimmer (target) { 
    return { 
    swim (x, y, z) { console.log("I'm swimming!"); } 
    }; 
} 


function Pet (type, name) { 
    return { type, name }; 
} 

function Dog (name) { 
    const dog = Pet("Dog", name); 
    return Object.assign(dog, Walker(dog)); 
} 

function Parakeet (name) { 
    const parakeet = Pet("Bird", name); 
    return Object.assign(parakeet, Flyer(parakeet)); 
} 

function HarveyTheWonderHamster() { 
    const harvey = Pet("Hamster", "Harvey"); 
    return Object.assign(harvey, Walker(harvey), Flyer(harvey), Swimmer(harvey)); 
}