在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>