Was ist eine Higher-Order Function?

Question

Accepted Answer

Eine **Higher-Order Function** ist eine Funktion, die mindestens eine dieser Dinge tut: **eine Funktion als Argument entgegennimmt**, oder **eine Funktion zurückgibt**. Das ist möglich, weil Funktionen in JS *First-Class Values* sind (du kannst sie wie jeden anderen Wert weitergeben).

## Eine Funktion entgegennehmen

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

## Eine Funktion zurückgeben (oft mit 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 erstellt `multiplier` spezialisierte Funktionen aus einer allgemeinen — ein Closure erfasst `factor`.

## Ein praktisches Beispiel: ein 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);
```

## Warum es wichtig ist

Higher-Order Functions machen Code **deklarativ und wiederverwendbar**.

Sie bilden die Grundlage für Array-Methoden (`map`/`filter`/`reduce`), Event Handling, Middleware, Decorators, Currying und React Patterns (HOCs, Custom Hooks).

Statt immer wieder die gleiche Schleifen-Logik zu schreiben, übergibst du das *Verhalten* als Funktion.