Vererbung innerhalb Javascript

Question

ich das Konzept der Vererbung in Javascript zu studieren und das Tutorial Ich betrachte verwendet diesen Code:

// define the Student class 
function Student() { 
    // Call the parent constructor 
    Person.call(this); 
} 

// inherit Person 
Student.prototype = new Person(); 

// correct the constructor pointer because it points to Person 
Student.prototype.constructor = Student; 

Meine Frage ist, warum ist es notwendig, sowohl den Konstruktor Eltern rufen , Person.call(this) und stellen Sie den Student Prototyp gleich ein neues Person Objekt (dh Student.prototype = new Person();)?

Answer 1

Es gibt zwei getrennte Fragen zu behandeln.

Die erste besteht darin, sicherzustellen, dass neue Student Objekte von Person Objekte erben. Deshalb tun Sie Student.prototype = new Person(). Das macht die Student.prototype ein Person so Student Objekte erben was auch immer das Objekt erbt (von Person.prototype).

Die zweite besteht darin, jedes Verhalten im Person-Konstruktor auf alle neuen Student Objekte anzuwenden. Deshalb tun Sie Person.call(this). Dies ist technisch nicht erforderlich, wenn der Person Konstruktor keinen Code hat, der das neue Objekt ändert, aber es ist immer noch eine gute Idee, es zu tun nur, wenn Sie einen Code zu Person später hinzufügen.

---

Randnotiz, wenn das Erbe der Einrichtung, ist es besser zu machen:

Student.prototype = Object.create(Person.prototype) 

... und Shim Object.create, wenn nötig. Auf diese Weise müssen Sie den Konstruktor Person nicht tatsächlich aufrufen, um ein neues Objekt zu erhalten, das von Person.prototype erbt. Auch dies ist manchmal kein Problem, aber manchmal gibt es im Konstruktor Nebenwirkungen, die beim Einrichten der Vererbung unerwünscht sind.

Answer 2

Nach ein paar Tests machen, um mein Verständnis, der Prototyp eines Objekts und die Eigenschaftsdeklarationen innerhalb seiner definierende Funktion sind gemacht getrennt. Wenn jedoch ein neues Objekt erstellt wird, zieht der Konstruktor Eigenschaften sowohl aus der definierenden Funktion als auch aus dem Prototyp des Objekts, das erstellt wird.

Zum Beispiel

function Person() 
{ 

    this.name = "james"; 
    this.age = "shfifty-five"; 


} 

console.log(Person.prototype.name); // prints "undefined", showing how declaring function Person() and Person.prototype are separate. 

Person.prototype.gender = "male"; 

var human = new Person(); 

console.log(human.name); // prints "james", showing how the object took properties from declaring function Person(). 
console.log(human.gender); // prints "male", showing how the object took properties from object prototype Person.prototype. 


function Student() 
{ 

    this.gpa = 4.00; 


} 



Student.prototype = new Person(); 

Student.prototype.constructor = Student; 


var myStudent = new Student(); 

console.log(myStudent.name); // prints "james" 
console.log(myStudent.gender); // prints "male" 
/*from above two lines, inheritance holds even though 1) Person() defining function was not called inside Student() defining function 
and 2) Person() defining function declares properties of Person object.*/ 
console.log(myStudent.gpa); // prints "4" 

Wie Sie sehen können, in diesem Fall die definierende Funktion Person die Eigenschaften ihres Objekts nicht verändert. Aber es ist noch nicht notwendig, die Person Funktion innerhalb der Konstruktor von Studenten zu nennen, weil die new Person() Konstruktor Eigenschaften ziehen wird von beiden Person.prototype und der function Person() Funktion definieren.