8.1Arrow Functions / Use Them

アロー関数を使用する

無名関数(インラインのコールバックなど)を使用する場合は、アロー関数記法を使います。`this`のコンテキストが束縛され、構文も簡潔になります。

アロー関数の最大の特徴は、自身の `this` を持たず、定義された場所の `this` をレキシカルに束縛(継承)することです。これにより、従来の `function` で `const self = this;` や `.bind(this)` のように `this` のコンテキストを維持するために必要だった回避策が不要になり、コードが劇的にシンプルになります。

❌ Bad
// bad
[1, 2, 3].map(function (x) {
  const y = x + 1;
  return x * y;
});
✅ Good
// good
[1, 2, 3].map((x) => {
  const y = x + 1;
  return x * y;
});