addEventListenerの第2引数によってthisは変わる - Qiita

TypeScript(またはJavaScript)で EventTarget.addEventListener() を使用する場合、第2引数の指定方法によって実行時の this の中身が変わります。 今更ながら地味にはまったため、自分用にメモしておきます。 確認 確認用にコードを作成しました。 https://playcode.io/671961 EventTarget.addEventListener() 第2引数の指定方法によって、関数show 実行時の this は以下のようになります。 class ThisTest { constructor() { this.bindEvent(); } // この関数を呼び出して、thisの中身を判定する。 show(e: Event) { console.log(this.constructor.name); } bindEvent() {