Callbacks en JavaScript

Author
By Darío Rivera
Posted on 2022-03-06 in 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

Acerca de Darío Rivera

Author

Ingeniero de desarrollo en PlacetoPay , Medellín. Darío ha trabajado por más de 6 años en lenguajes de programación web especialmente en PHP. Creador del microframework DronePHP basado en Zend y Laravel.

Sólo aquellos que han alcanzado el éxito saben que siempre estuvo a un paso del momento en que pensaron renunciar.