Cos'è una funzione di ordine superiore?

Question

Accepted Answer

Una **funzione di ordine superiore** è una funzione che fa almeno una di queste cose: **accetta una funzione come argomento**, oppure **restituisce una funzione**. Sono possibili perché le funzioni sono *valori di prima classe* in JS (puoi passarle come qualsiasi valore).

## Accettare una funzione

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

## Restituire una funzione (spesso usando una closure)

```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
```

Qui `multiplier` costruisce funzioni specializzate da una generale — una closure cattura `factor`.

## Un esempio pratico: un wrapper di logging

```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);
```

## Perché è importante

Le funzioni di ordine superiore rendono il codice **dichiarativo e riutilizzabile**.

Sono alla base dei metodi array (`map`/`filter`/`reduce`), della gestione degli eventi, dei middleware, dei decoratori, del currying e dei pattern React (HOCs, custom hooks).

Invece di scrivere ripetutamente la stessa logica di loop, passi il *comportamento* come funzione.