Hola!

Vamos a tratar de forma muy rápida y simple el tema de los callbacks en Javascript (con funciones propias).

Sobre lo que es un Callback no voy a entrar porque si habéis llegado hasta aquí sabréis de que va esto, sino, con una googleada rápida lo tenéis. Básicamente es ejecutar una función que puede ser pasada por parámetro dentro de otra.

Vamos al lio.

Tenemos la función «saludar«, que solo pinta en consola el texto que lleva.

Tenemos también la función «hazAlgo» que lo que hace es pintar en consola el texto y luego ejecutar el parámetro que le pasamos, en este caso, dicho parámetro tiene que ser una función (El underscore lo suelo poner para saber que es un callback). Podemos ponerle el nombre que queramos.

arguments.callee.name: sirve para mostrar el nombre de la función en Javascript

Ahora bien, teniendo las funciones ya definidas, para ejecutarlas deberemos escribir el nombre de la función «hazAlgo» pasándole como argumento la función «saludar» tal que:

Y esto nos devolverá:

Hola, soy la función hazAlgo
Hola, soy la función saludar

Primero ejecutará el console log de la función «hazAlgo» y luego ejecutará la función «saludar«.

BONUS

Si le quisiésemos pasar parámetros a la función que pasamos como callback («saludar«) podemos hacerlo con:

Y nos retornaría:

Hola, soy la función hazAlgo
Hola, soy la función saludar Callback con parámetro

Espero que haya sido fácil 🙂

Happy code!

Si por ejemplo, queremos que cada vez que se ejecute una función nos pinte por consola el nombre de esta, en lugar de escribir el console.log(«nombreDeLaFunción») cada vez, podemos automatizarlo con:

Esto dentro de la función nos devuelve el nombre:

Si la ejecutamos nos devolverá:

Nomber de la función: holaFuncion

Con la librería moment podemos «traducir» a formato de fácilmente lectura con:

Easy