Javascript（ES6）でサブクラスコンストラクタを正しく定義する方法は？

Question

JSでサブクラスのコンストラクタを作成するのに問題があります。クラスのコンストラクタはうまく動作します！コードを実行している場合

//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(); 

} 

、私はエラーthis.ballがpreloadStateクラスで定義されていません取得します。どうしてこんなことに？

Answer 1

あなたはサブクラスコンストラクタでthisを使用する前に、あなたがsuperを呼び出す必要があります：

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

例：https://jsfiddle.net/n0ek40ph/

別のオプションは、コンストラクタをオーバーライドすることではありません。

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

例：https://jsfiddle.net/n0ek40ph/3/

01深さの

より：

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