¿ Qué es un CallBack? en javaScript

Pedro Lara 7:47:00 CallBack , JavaScript , React No hay comentarios

Pedro Lara

Cuando trabajamos con JavaScript o alguna librería basada en este lenguaje, es común escuchar el término Call Back. Incluso, aunque no hayamos escuchado esta palabra, algo que sería inusual, es poco probable que no hayamos hecho uso de Call Back en nuestros códigos. ¿ Qué es un CallBack?

En palabras simples podemos decir que un CallBack es una llamada a una función dentro de otra. El ejemplo más común del uso de call Back es con el uso de setTimeout dentro de una función. Veamos el caso.

1. Tenemos dos funciones:

//Función 1

const Corredor1 = ()=>{

alert("Soy el corredor 1")

}

//Función 2

const Corredor2 = ()=>{

alert("Soy el corredor 2")

}

//Ejecutamos las funciones el orden correspondiente

Corredor1();

Corredor2();

Hasta aquí todo bien. Sin embargo, si a nuestra función 1 le colocamos un setTimeout que retrase la ejecución del alert, tendremos que se ejecutará primero los datos contenidos en la segunda función. Vemos:

1. Colocamos un setTimeout dentro de nuestra función 1:

const Corredor1 = ()=>{

setTimeout(function(){

alert("Soy el corredor 1")

}, 3000)

}

El resultado será que tendremos primero el alert("Soy el corredor 2") y luego el alert("Soy el corredor 1")

Este sencillo ejemplo nos puede dar la idea de la necesidad de hacer uso de un CallBack. Para que el contenido de la función 1 se ejecute primero, aunque contenga un setTimeout que retrase su ejecución, debemos hacer uso de un Call back. Veamos:

const Corredor1 = (Corredor2)=>{

setTimeout(function(){

alert("Soy el corredor 1")

Corredor2();

}, 3000)

}

De esta manera hemos logrado que nuestra primera función se ejecute siempre primero.