Tienes conocimiento de, en Javascript y en node.js, ¿cuál es la función de los callbacks?
Las funciones en JavaScript son una forma de crear acciones a partir de ciertos parámetros que introducimos a la hora de ejecutar nuestro código. En este post, te enseñaremos cómo usar funciones para crear los callbacks en JavaScript.
Introducción a los callbacks en JavaScript
Los callbacks en JavaScript representan el uso de funciones como parámetros de otras funciones. Es decir, una función call back se crea cuando insertamos una función como valor de un parámetro de otra función. Por ello, los callbacks en JavaScript son uno de los grandes paradigmas que introduce este lenguaje de programación y podemos utilizarlos de una variedad de maneras.
Ya hemos visto en nuestro post sobre cómo anidar bucles que JavaScript nos permite hacer cosas sorprendentes. Entonces, así como se pueden meter bucles dentro de bucles para añadir dimensiones a nuestros elementos, podemos meter funciones dentro de funciones.
Supongamos que tenemos las siguientes funciones, llamadas comer, desayuno y desayuno2:
function comer (hora, comida) {
comida (hora);
}
function desayuno (hora) {
console.log ('${hora}: Desayuno');
}
function desayuno2 (hora) {
console.log ('${hora}: Segundo Desayuno');
}Los callbacks en JavaScript usarían las funciones de arriba como valores de los parámetros de otras funciones. Por ejemplo, podemos usar las funciones desayuno y desayuno2 como valor del parámetro comida de la función comer. A continuación, te mostramos exactamente cómo funcionaría esto:
function serHobbit () {
comer ('7AM', desayuno);
comer ('10AM', desayuno2);
}¿Para qué funcionan los callbacks en JavaScript?
Crear un callback en js nos permite solucionar un problema que nos encontraremos frecuentemente en la escritura de código: la creación infinita de elementos if. Con esto nos referimos a la práctica de solucionar nuestras acciones creando muchas palabras clave if, las cuales nos permiten definir las características que deben existir para que una acción suceda.
Siguiendo nuestro ejemplo anterior, podríamos insertar un if para definir que, si son las 7AM, tendremos la función desayuno y, si son las 10AM, tendremos la función desayuno2.
Sin embargo, esto no nos da la flexbilidad que nos permiten los callbacks de JavaScript. Al contrario, los if son muy estrictos con las situaciones que deben existir. Entonces, si quisiéramos cambiar, por ejemplo, la hora a la que tomamos el desayuno, sería más fácil hacerlo con un callback en javascript que con un if.
Lo que nos permiten los callbacks en JavaScript es aludir a un comportamiento que ya hemos definido con una función. Esto simplifica nuestro código al evitar definir un comportamiento cada vez que queramos usarlo. Para conocer más sobre cómo funciona esta herramienta, te invitamos a leer nuestro post sobre cómo utilizar los callbacks en JavaScript, donde encontrarás un ejemplo con la creación de ataques en un videojuego.
Ahora que sabes qué son los callbacks en JavaScript, te invitamos a que sigas aprendiendo sobre las distintas funciones y elementos de este lenguaje de programación para la web. ¿Y qué mejor lugar para ello que en nuestra formación intensiva sobre desarrollo web? En el Desarrollo Web Full Stack Bootcamp no solo aprenderás todo lo necesario para desarrollar con JavaScript, sino que también aprenderás a dominar otros lenguajes de programación, como puedes ser HTML. Así, al cabo de unos pocos meses, serás un experto en desarrollo web. ¡Inscríbete ahora!
