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