¿Qué es una función de orden superior?

Question

Accepted Answer

Una **función de orden superior** es una función que hace al menos una de estas cosas: **recibe una función como argumento** o **retorna una función**. Son posibles porque las funciones son *valores de primera clase* en JS (puedes pasarlas como cualquier otro valor).

## Recibir una función

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

## Retornar una función (a menudo usando una clausura)

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

Aquí `multiplier` construye funciones especializadas a partir de una general — una clausura captura `factor`.

## Un ejemplo práctico: un envoltorio 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 qué es importante

Las funciones de orden superior hacen que el código sea **declarativo y reutilizable**.

Sustentan los métodos de array (`map`/`filter`/`reduce`), el manejo de eventos, el middleware, los decoradores, el currying y patrones de React (HOCs, hooks personalizados).

En lugar de escribir la misma lógica de bucle una y otra vez, pasas el *comportamiento* como una función.