Wat is een functie van hoger orde?

Question

Accepted Answer

A **higher-order function** is een functie die minstens één van het volgende doet: **accepteert een functie als argument**, of **retourneert een functie**. Dit is mogelijk omdat functies *first-class values* zijn in JS (je kunt ze doorgeven als elke andere waarde).

## Een functie accepteren

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

## Een functie retourneren (vaak met een 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
```

Hier maakt `multiplier` gespecialiseerde functies van een algemene — een closure legt `factor` vast.

## Een praktisch voorbeeld: logging wrapper

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

## Waarom het belangrijk is

Functies van hoger orde maken code **declaratief en herbruikbaar**.

Ze vormen de basis voor array-methoden (`map`/`filter`/`reduce`), event-handling, middleware, decorators, currying en React-patronen (HOCs, custom hooks).

In plaats van dezelfde loop-logica keer op keer te schrijven, geef je het *gedrag* als functie door.