Czym jest funkcja wyższego rzędu?

Question

Accepted Answer

**Funkcja wyższego rzędu** to funkcja, która robi co najmniej jedno z poniższych: **przyjmuje funkcję jako argument** lub **zwraca funkcję**. Są one możliwe, ponieważ funkcje są *wartościami pierwszej klasy* w JS (możesz je przekazywać jak każdą inną wartość).

## Przyjmowanie funkcji

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

## Zwracanie funkcji (często z użyciem domknięcia)

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

Tu `multiplier` buduje wyspecjalizowane funkcje z funkcji ogólnej — domknięcie przechwytuje `factor`.

## Praktyczny przykład: wrapper do logowania

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

## Dlaczego to ważne

Funkcje wyższego rzędu czynią kod **deklaratywnym i wielokrotnie użytkowanym**.

Stanowią podstawę dla metod tablic (`map`/`filter`/`reduce`), obsługi zdarzeń, middleware'u, dekoratorów, curryingu i wzorców React'a (HOCs, custom hooks).

Zamiast pisać tę samą logikę pętli wiele razy, przekazujesz *zachowanie* jako funkcję.