tamakipedia

鎌倉でフロントエンドエンジニアをしています。Wordpress/Javascript/JQuery が得意で、現在React勉強中です!

addEventListenerなどの時の es6での記述

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

function func() {   }

この書き方から

const func = () => {   }

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

addEventListerner時の書き方だと

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

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

こうなります