Vad är en högre ordningens funktion?

Question

Accepted Answer

En **högre ordningens funktion** är en funktion som gör minst ett av följande: **tar en funktion som argument**, eller **returnerar en funktion**. De är möjliga eftersom funktioner är *first-class values* i JS (du kan skicka dem omkring som vilket värde som helst).

## Tar en funktion

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

## Returnerar en funktion (ofta med hjälp av en 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
```

Här bygger `multiplier` specialiserade funktioner från en generell — en closure fångar `factor`.

## Ett praktiskt exempel: 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);
```

## Varför det spelar roll

Högre ordningens funktioner gör kod **deklarativ och återanvändbar**.

De ligger till grund för array-metoder (`map`/`filter`/`reduce`), event handling, middleware, decorators, currying och React-mönster (HOCs, custom hooks).

Istället för att skriva samma loop-logik upprepade gånger, skickar du *beteendet* som en funktion.