Callbacks en JavaScript
Los callbacks en javascript no son más que funciones pasadas como argumentos a otras funciones en donde son finalmente ejecutadas. Generalmente son utilizadas en conjunto con funciones anónimas pero también puede utilizarse con declaraciones de funciones. En este post verás todo acerca de los callbacks.
Ejemplo síncrono
Veamos el siguiente ejemplo en donde se ejecuta una función después de haber realizado un cálculo.
const printer = (result) => {
console.log('The result is: ' + result)
}
function sum(a, b, callback) {
const result = a + b
callback(result)
return result
}
sum(5, 7, printer)
El resultado de este ejemplo sería el siguiente:
The result is: 12
Ejemplo asíncrono
Generalmente los callbacks se utilizan de manera asíncrona porque no sabemos cuando llegará una respuesta exactamente. Entonces, pasamos una función callback que sea ejecutada justo después de que se reciba la respuesta. En el siguiente ejemplo usamos fetch
para obtener uan respuesta de una api y mostrar sus resultados.
const formatter = (data) => {
console.log(`id: ${data.id}, Title: ${data.title}`)
}
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(formatter)
El resultado final es similar al siguiente:
id: 1, Title: delectus aut autem