JS/TS add/remove event listener with a defined method which returns an event handler

use-defined-method-which-returns-event-handler.ts

class UseDefinedMethodWhichReturnsEventHandler extends TestSetting {

  public addEventListener() {
    this.removeEventListener();

    if (this.element == null) {
      return;
    }

    this.element.addEventListener("click", this.onClickEventHandler);
  }

  public removeEventListener() {
    if (this.element == null) {
      return;
    }

    // does not remove the listener
    this.element.removeEventListener("click", this.onClickEventHandler);
  }

  private onClickEventHandler(event: Event): Function {
    return () => {
      // 'this' is the instance of the class
      console.log(this);
    }
  }
}

const useDefinedMethodWhichReturnsEventHandler = new UseDefinedMethodWhichReturnsEventHandler();
useDefinedMethodWhichReturnsEventHandler.addEventListener();
useDefinedMethodWhichReturnsEventHandler.addEventListener();
useDefinedMethodWhichReturnsEventHandler.simulateOnClick();