Hvad er en higher-order function?

Question

Accepted Answer

En **higher-order function** er en funktion, der gør mindst én af følgende: **tager en funktion som argument**, eller **returnerer en funktion**. Det er muligt, fordi funktioner er *first-class values* i JS (du kan sende dem rundt som enhver anden værdi).

## Tage en funktion

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

## Returnere en funktion (ofte ved brug af 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
```

Her bygger `multiplier` specialiserede funktioner ud fra en generel — en closure fanger `factor`.

## Et praktisk eksempel: en 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);
```

## Hvorfor det betyder noget

Higher-order functions gør kode **deklarativ og genanvendelig**.

De ligger til grund for array metoder (`map`/`filter`/`reduce`), event handling, middleware, decorators, currying og React mønstre (HOCs, custom hooks).

I stedet for at skrive den samme loop-logik igen og igen, sender du *opførslen* som en funktion.