アロー関数 とは？

短く書けるけれど、動作の違いもあるよ。たとえば「function (x) { return x * 2; }」は、同じ計算をする「x => x * 2」と書ける。mapで配列の各値を2倍にするときなどに便利なんだ。

行数ではなく、本体が単一の式かどうかだよ。「x => x * 2」は式の値を返す。「x => { x * 2; }」はブロックなので、returnがなく値はundefinedになる。値を返すなら「x => { return x * 2; }」と書くんだ。

単純な引数名が一つなら省けるよ。引数がゼロや複数の場合、デフォルト値や分割代入などを使う場合は括弧が必要。オブジェクトを式として返すなら「() => ({ ok: true })」のように、オブジェクトも括弧で囲むんだ。

通常の関数のthisは呼び出し方などで決まるけれど、アロー関数は独自のthisを持たず外側のものを参照するよ。メソッド内のコールバックで便利だね。ただし、オブジェクトに置いたアロー関数が、そのオブジェクトをthisにするわけではないんだ。

独自のargumentsはないけれど、外側にあれば参照できるよ。自分の引数をまとめたいなら「(...args) => args.length」のような残余引数が使える。newでインスタンスを作るコンストラクターにはできないので、普通の関数やクラスと使い分けよう。