アロー関数で this を操る 🪄

はじめに JavaScript の this、混乱したことありませんか？ 「呼び出し方で変わる」「イベントで指すものが違う」──誰もが一度はハマるポイントです。 でも、Arrow Function（アロー関数）を使うと this の挙動が一気にわかりやすくなります。 この記事では、「なぜ Arrow Function では this が変わらないのか？」を ES5の関数型の書き方で解説します。 ※ class 構文は使いません。すべて関数とオブジェクトリテラルでいきます！ Arrow Function はただの省略記法じゃない 見た目は短く書けるだけに見えますが、実は this の仕組みがまったく違う のがポイントです。 Arrow Function は自分自身の this を持たず、定義されたときのスコープ（外側）にある this をそのまま使うようになっています。 this は「呼び出