Callbacks en JavaScript

Author
Por Darío Rivera
Publicado el 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

Acerca de Darío Rivera

Author

Application Architect at Elentra Corp . Quality developer and passionate learner with 10+ years of experience in web technologies. Creator of EasyHttp , an standard way to consume HTTP Clients.

LinkedIn Twitter Instagram

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