高階関数とは何ですか？

Question

高階関数とは何ですか？

Accepted Answer

**高階関数**とは、次のうち少なくとも一方を行う関数です。すなわち**関数を引数として受け取る**か、**関数を返す**かです。これが可能なのは、JS では関数が*第一級の値*だからです（他の値と同じように受け渡しできます）。

## 関数を受け取る

```js
[1, 2, 3].map(n => n * 2);        // map takes a function
button.addEventListener("click", handler); // so does addEventListener
setTimeout(() => doThing(), 1000);
```

## 関数を返す（多くはクロージャを使う）

```js
function multiplier(factor) {
  return n => n * factor;  // returns a function that remembers `factor`
}
const double = multiplier(2);
const triple = multiplier(3);
double(5); // 10
triple(5); // 15
```

ここで `multiplier` は汎用的な関数から特化した関数を作り出します。クロージャが `factor` を取り込んでいます。

## 実践的な例: ロギングのラッパー

```js
function withLogging(fn) {
  return (...args) => {
    console.log(`calling with`, args);
    const result = fn(...args);
    console.log(`result`, result);
    return result;
  };
}
const loggedAdd = withLogging((a, b) => a + b);
```

## なぜ重要なのか

高階関数はコードを**宣言的で再利用可能**にします。

配列メソッド（`map`/`filter`/`reduce`）、イベント処理、ミドルウェア、デコレータ、カリー化、React のパターン（HOC、カスタムフック）の土台となっています。

同じループのロジックを繰り返し書く代わりに、*振る舞い*を関数として渡せます。