tamakipedia

フロントエンドエンジニア。Typescriptもう特訓中です。一日の振り返りや学んだことをちょっとずつ吐いています。

addEventListenerなどの時の es6での記述

es6で利用されるアロー関数

function func() {   }

この書き方から

const func = () => {   }

この書き方に変更されました。

addEventListerner時の書き方だと

btn.addEventListener('mousedown', function() {
    this.classList.add('class');
  });

btn.addEventListener('mousedown', () => {
    btn.classList.add('class');
  });

こうなります