Qué son los callbacks en JavaScript

Autor: | Última modificación: 19 de julio de 2022 | Tiempo de Lectura: 2 minutos
Temas en este post:

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.

¿Qué son los callbacks en JavaScript?

Los callbacks en JavaScript representan el uso de funciones como parámetros de otras funciones. Es decir, un callback 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 JavaScript 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 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.

¿Quieres seguir aprendiendo?

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!

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

[email protected]

¿Sabías que hay más de 40.000 vacantes para desarrolladores de software sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso! 

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!