Zugriff ES6 Super Eigenschaften

Question

So war ich mit ES6 Klassen rumgespielt, wenn ich etwas sah überraschend:

class Animal { 
    constructor(name) { 
     this.name = name; 
    } 
    speak(sound) { 
     console.log(sound); 
    } 
} 

class Dog extends Animal { 
    constructor(name, age) { 
     super(name); 
     this.age = age; 
    } 
    speak() { 
     super.speak("Woof! I'm " + super.name + " and am " + this.age); 
    } 
} 

Dann, habe ich meinen Hund:

var mydog = new Dog("mydog",3); 
mydog.speak(); 

Nun ist diese druckt

Woof! I'm undefined and am 3 

Also meine Frage ist, warum ist super.name undefined? Ich erwarte in diesem Fall mydog.

Answer 1

this in dem übergeordneten Konstruktor bezieht sich immer noch an den Hund, so this.name = name, setzt die Eigenschaft name direkt auf das Dog Objekt und nicht auf seinem übergeordneten. Mit this.name funktioniert:

super.speak("Woof! I'm " + this.name + " and am " + this.age); 

Answer 2

ein Verfahren für eine Objektinstanz Aufschalten der Prototyp-Methode mit dem gleichen Namen zu nennen, würden wir so etwas wie

let person = { 
    getGreeting() { 
     return "Hello"; 
    } 
}; 

let dog = { 
    getGreeting() { 
     return "Woof"; 
    } 
}; 


let friend = { 
    getGreeting() { 
     return Object.getPrototypeOf(this).getGreeting.call(this) + ", hi!"; 
    } 
}; 

// set prototype to person 
Object.setPrototypeOf(friend, person); 
console.log(friend.getGreeting());      // "Hello, hi!" 
console.log(Object.getPrototypeOf(friend) === person); // true 

// set prototype to dog 
Object.setPrototypeOf(friend, dog); 
console.log(friend.getGreeting());      // "Woof, hi!" 
console.log(Object.getPrototypeOf(friend) === dog);  // true 

Mit Object.getPrototypeOf() und .call tun (Dies) eine Methode auf den Prototyp zu nennen ist ein wenig lang, gut ECMAScript 6 zur Rettung und es eingeführt super. super ist ein Zeiger auf den Prototyp des aktuellen Objekts, genau wie der Wert Object.getPrototypeOf (this). Wenn wir dies im Hinterkopf behalten, können wir die getGreeting() Methode als

let friend = { 
    getGreeting() { 
     // in the previous example, this is the same as: 
     // Object.getPrototypeOf(this).getGreeting.call(this) 
     return super.getGreeting() + ", hi!"; 
    } 
};