JavascriptをES6で、子クラスの親クラスのメソッドを拡張

Question

私は、親クラスの特定のメソッドの子の機能を拡張します。私はまだES6のOOPに慣れているので、これが可能かどうか、ルールを破るかどうかはわかりません。

私はこのような何かを探しています：私は親法上の子固有のコールバックを追加したい本質的には

class Parent { 
    constructor(elem) { 
    this.elem = elem; 

    elem.addEventListener((e) => { 
     this.doSomething(e); 
    }); 
    } 

    doSomething(e) { 
    console.log('doing something', e); 
    } 
} 

class Child extends Parent { 
    constructor(elem) { 
    // sets up this.elem, event listener, and initial definition of doSomething 
    super(elem) 
    } 

    doSomething(e) { 
    // first does console.log('doing something', e); 
    console.log('doing another something', e); 
    } 
} 

。同じ機能を持つ完全に新しいクラスを作成せずにこれを行う創造的な方法はありますか？

Answer 1

あなたは方法でsuperを使用することができます。

子クラスの親クラスで

doSomething(e) { 
    super.doSomething(e) 
    console.log('doing another something', e) 
} 

thisは同じものであり、実際のオブジェクトを参照するので、あなたは親のコードでメソッドを呼び出した場合、それは意志子供の場合は、子供の実装を呼び出します。 PythonやRubyなど、他の言語でも同じことが起こります。

作業するコードは：

class Parent { 
 
    constructor(elem) { 
 
    this.elem = elem 
 
    this.elem.addEventListener('click', (e) => { this.doSomething(e) }) 
 
    } 
 

 
    doSomething(e) { 
 
    alert('doing something') 
 
    } 
 
} 
 

 
class Child extends Parent { 
 
    constructor(elem) { 
 
    super(elem) 
 
    } 
 

 
    doSomething(e) { 
 
    super.doSomething(e) 
 
    alert('doing another something') 
 
    } 
 
} 
 

 
let child = new Child(document.getElementById('button'))

<button id="button">Alert</button>