Qu'est-ce qu'une fonction d'ordre supérieur ?

Question

Accepted Answer

Une **fonction d'ordre supérieur** est une fonction qui fait au moins l'une des choses suivantes : **prend une fonction comme argument**, ou **retourne une fonction**. C'est possible parce que les fonctions sont des *valeurs de première classe* en JS (vous pouvez les passer comme n'importe quelle autre valeur).

## Prendre une fonction

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

## Retourner une fonction (souvent en utilisant une 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
```

Ici `multiplier` construit des fonctions spécialisées à partir d'une fonction générale — une closure capture `factor`.

## Un exemple pratique : un wrapper de 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);
```

## Pourquoi c'est important

Les fonctions d'ordre supérieur rendent le code **déclaratif et réutilisable**.

Elles sous-tendent les méthodes de tableau (`map`/`filter`/`reduce`), la gestion des événements, les middleware, les décorateurs, le currying et les motifs React (HOCs, custom hooks).

Au lieu d'écrire la même logique de boucle encore et encore, vous passez le *comportement* comme une fonction.