Prototypische Vererbung ohne Prototyp?

Question

Ich glaube, ich verstehe prototypische Vererbung in JS aber habe Probleme beim Schreiben von Code, um eine bestimmte Idee zu demonstrieren, die ich habe. Betrachten Sie dieses extrem einfaches Szenario, in dem Manager-Objekte aus Mitarbeitern Objekten ableiten:

function Employee() 
{ 
    this.name = "Axel"; 
    this.dept = "R&D"; 
} 

function Manager() 
{ 
    Employee.call(this); 
    this.reports = ["Report 1", "Report 2", "Report 3"]; 
} 

console.log(new Manager()); 

Die Ausgabe lautet:

Manager {name: "Axel", dept: "R&D", reports: Array[3]} 

Seltsamerweise scheint es mir, dass wir demonstrieren prototypische Vererbung gelungen. Aber die Fakten, die wir nicht verwendeten prototype überall stört mich. Sicherlich ist der obige Code nicht der richtige Weg?

Kann jemand ein Beispiel geben, das zeigt, dass der obige Ansatz fehlschlägt?

(By the way, kommt das Beispiel von der offiziellen Mozilla docs, abzüglich die Einstellung von Prototypen: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model)

Answer 1

Wir haben dies in verschiedenen Kommentaren versucht, aber ich wollte ein Beispiel geben, das zur Klärung beitragen könnte. Beginnend mit dem Original-Code:

function Employee() 
{ 
    this.name = "Axel"; 
    this.dept = "R&D"; 
} 

function Manager() 
{ 
    Employee.call(this); 
    this.reports = ["Report 1", "Report 2", "Report 3"]; 
} 

console.log(new Manager()); 

Wir sehen auch so genau das gleiche tun könnte:

function setEmployee(emp) 
{ 
    emp.name = "Axel"; 
    emp.dept = "R&D"; 
} 

function Manager() 
{ 
    setEmployee(this); 
    this.reports = ["Report 1", "Report 2", "Report 3"]; 
} 

console.log(new Manager()); 

Jetzt haben wir .call() oder .apply() oder so etwas Phantasie nicht verwendet. Der Konstruktor Manager ruft einfach eine andere Funktion auf und übergibt seinen Wert this direkt als Argument. Der Code macht genau so wie früher.

Wir könnten es einen Schritt weiter:

function setEmployee(emp) 
{ 
    emp.name = "Axel"; 
    emp.dept = "R&D"; 
} 

function createManager() 
{ 
    var emp = {}; 
    setEmployee(emp); 
    emp.reports = ["Report 1", "Report 2", "Report 3"]; 
    return emp; 
} 

console.log(createManager()); 

Jetzt sind wir nicht Konstrukteure verwenden, und nicht einmal this mit - wir sind nur ein Objekt explizit erstellen und um zwischen den Funktionen vorbei, und die Code macht immer noch das Gleiche!

Answer 2

new Manager() instanceof Manager 
> true 
new Manager() instanceof Employee 
> false 

Answer 3

Sie haben nicht wirklich etwas erben. Sie haben einfach eine Funktion auf ein bestimmtes Objekt angewendet. Ich denke, viele funktionale Sprachen können dies tun.

Vererbung wird verwendet, gut zu erben, nicht nur nicht verwandte Funktionen auf ein bestimmtes Objekt anwenden.

In Ihrem Beispiel behandeln Sie nicht, wie Methoden zum Beispiel erben. Selbst wenn Sie beispielsweise versucht haben, die Methodenvererbung über eine Proxy zu implementieren, bedeutet das nicht, dass Sie die Eltern geerbt haben.