JavaScriptのアロー関数はthisをbindしてる

javascript 技術

jsのアロー関数ってありますよね

function() {
      hogehoge
      fugafuga
}

って書く関数を

() => {
    hogehoge
    fugafuga
}

って書くことができます

僕これただ関数を短く書ける記法としか思ってなかったんですが違うんですね 呼び出されたスコープのthisをbindしているそうです

developer.mozilla.org きちんと書いてありました

アロー関数自身は this を持ちません。レキシカルスコープの this 値を使います。つまり、アロー関数内の this 値は通常の変数検索ルールに従います（スコープに this 値がない場合、その一つ外側のスコープで this 値を探します）。

ReactのonClickの中で書くとthisにはeventが入ってきますね