Wie definiert man Unterklassenkonstruktoren in Javascript (ES6) richtig?

Question

Ich habe Probleme, einen Konstruktor für Unterklassen in JS zu machen. Die Konstruktoren für Klassen funktionieren jedoch gut!

//defining base class State 
class State { 
    constructor(){ 
     this.someText = "someText"; 
    } 
    start(){ 

    } 

    update(){ 

    } 

    exit(){ 

    } 
} 

//defining subclass preloadState 

class preloadState extends State{ 
    constructor(){ 
     this.ball = "red"; 
    } 

    start(){ 
     console.log(this.ball); 
    } 
} 

var state = new preloadState; 
state.start(); 

} 

Wenn der Code ausgeführt wird, erhalte ich die Fehler this.ball nicht in der preloadState Klasse definiert ist. Warum ist das so?

Answer 1

Bevor Sie this in einer Unterklasse Konstruktor verwenden können, müssen Sie super nennen:

class preloadState extends State { 
    constructor() { 
     super(); 
     this.ball = "red"; 
    } 
} 

Beispiel: https://jsfiddle.net/n0ek40ph/

Eine weitere Option ist nicht den Konstruktor außer Kraft zu setzen:

class preloadState extends State { 
    start() { 
     this.ball = "red"; 
     console.log(this.ball); 
    } 
} 

Beispiel: https://jsfiddle.net/n0ek40ph/3/

Mehr in die Tiefe:

• http://exploringjs.com/es6/ch_classes.html
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes