¿Aprender sobre las funciones de devolución de llamadas te hace sentir como Sharpay?

Bueno, antes de entrar en el tema técnico, pensemos en ello de una manera más teórica: ¡con pastel! ?

Imagina que quieres hornear un pastel para el cumpleaños de tu amigo. El día antes de su cumpleaños, sigues una receta para el glaseado y lo guardas en el frigorífico para que repose durante la noche. Aquí, la receta para el glaseado es la función de devolución de llamada. ¡Aún no estás usando el glaseado, pero estás esperando que te lo soliciten más tarde!

El día de la fiesta de cumpleaños decides preparar la receta del pastel. Requiere harina, agua, huevos, azúcar, levadura en polvo, sal, leche, y glaseado.

Esta receta o función utiliza un montón de variables y también esa receta o función para el glaseado. Es volver a llamar a esa receta que ya creaste o declaraste anteriormente.

Está bien, ya basta de pastel (lamentablemente), entremos en el aspecto técnico:

En este punto estamos acostumbrados a pasar variables como argumentos en una función. En Javascript, también podemos usar funciones para pasar como argumentos en una nueva función. La primera función es la función de devolución de llamada y esa es la que se pasa como argumento a través de la nueva función.

Por ejemplo:

//función de devolución de llamada
función guinda ( ) {
console.log("glaseado de vainilla")
}

//nueva función
función pastel (sabor, devolución de llamada) {
console.log("El sabor de mi pastel es " sabor);
llamar de vuelta();
}

//usando la función de devolución de llamada como argumento
pastel ("calabaza", glaseado);

¿Cuál crees que es el resultado aquí?

En la parte inferior del código puedes ver que llamamos a la función cake. Debido a que pasamos "calabaza" como primer argumento, sabemos que la consola registrará "El sabor de mi pastel es calabaza"

La segunda parte de esta función utiliza el segundo parámetro para llamar a esa función. Cuando llamamos a cake, vemos que el segundo parámetro que llamamos es la función de glaseado. La función de glaseado quiere que consolamos.log "glaseado de vainilla".

Por lo tanto, nuestra consola debería leer:

Mi pastel tiene sabor a calabaza
glaseado de vainilla

Y ahí está nuestra receta para la función de devolución de llamada, ¡disfrútala!

Desafío adicional:
¡Intenta escribir una función llamada decorar que requiera una función de devolución de llamada para agregar decoraciones a un pastel!

Otros materiales:

https://www.programiz.com/javascript/callback
https://developer.mozilla.org/en-US/docs/Glossary/Callback_function