O que é uma função de ordem superior?

Question

Accepted Answer

Uma **função de ordem superior** é uma função que faz pelo menos uma destas coisas: **recebe uma função como argumento**, ou **retorna uma função**. Elas são possíveis porque funções são *valores de primeira classe* em JS (você pode passá-las como qualquer outro valor).

## Recebendo uma função

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

## Retornando uma função (frequentemente usando um 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
```

Aqui `multiplier` constrói funções especializadas a partir de uma geral — um closure captura `factor`.

## Um exemplo prático: um wrapper de logging

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

## Por que isso importa

Funções de ordem superior tornam o código **declarativo e reutilizável**.

Elas fundamentam os métodos de array (`map`/`filter`/`reduce`), manipulação de eventos, middleware, decoradores, currying e padrões React (HOCs, custom hooks).

Em vez de escrever a mesma lógica de loop repetidamente, você passa o *comportamento* como uma função.