Funciones callback

Una callback es una función que pasas a otra función para que esa otra función la ejecute más tarde.

Traducción mental rápida:

• una función "encargada" recibe instrucciones
• esas instrucciones son otra función

Ejemplo mínimo

Aquí saludar es la callback.

Disección paso a paso

Qué ocurre exactamente:

1. procesarDato recibe dato = 5.
2. procesarDato recibe accion = duplicar.
3. Dentro, ejecuta accion(dato) -> duplicar(5).
4. duplicar(5) devuelve 10.
5. Se imprime 10.

Otras formas de escribir la callback

Misma idea, con función anónima (tradicional):

Aquí también hay callback, pero sin nombre propio. No puedes "llamarla por nombre" después, porque no lo tiene. Se usa en ese momento y listo.

Si quisieras reutilizar esa misma lógica más veces, entonces sí conviene guardarla:

Con función flecha:

La versión flecha es, en muchos casos, una forma más corta de esa función anónima.

Lo que más confunde al inicio

Diferencia clave:

• procesarDato(5, duplicar) -> pasas la función
• procesarDato(5, duplicar()) -> ejecutas la función antes de tiempo

Para callbacks, normalmente quieres pasar la función, no ejecutarla.

Checklist mental rápido

Cuando veas código con callbacks, pregúntate:

1. ¿Qué función se está pasando?
2. ¿Quién la ejecuta?
3. ¿Con qué datos se ejecuta?
4. ¿Qué devuelve?

Tu desafío 🚀

1. Crea una función aplicar(valor, accion) que ejecute accion(valor).
2. Pásale una callback tradicional.
3. Pásale otra callback con flecha.
4. Muestra ambos resultados en consola.

Entender callbacks te abre la puerta a casi todo JavaScript moderno...