JavaScript: O que é callback? (callback function)

Neste artigo veremos o que é callback, um tipo de função muito utilizado no JavaScript, além disso veremos casos de uso prático para este recurso.

Fala programador(a), beleza? Bora aprender coisa nova!

Callback no JavaScript é um recurso que temos como passar uma função dentro de outra

Que será executada somente quando for necessário

Ou seja, o recurso fica a espera de uma determinada ação para posteriormente ser executado

Vamos a um exemplo prático:

function funcaoUm() {
    console.log('teste callback');
}


window.addEventListener('click', funcaoUm);

Neste caso a funcaoUm só será executada a partir de um click na tela, antes disso ela só fica preparada no código

Este é o conceito da callback, uma função passada como argumento, que só será chamada no tempo certo

Ordem de execução

Um outro detalhe importante é a ordem de execução

A callback sempre é invocada/executada após a função principal ser finalizada

Então tenha em mente isso, para não gerar um problema na sua lógica

Quer se especializar em Desenvolvimento Web? Veja o nosso catálogo de cursos.

Um outro exemplo

Para fixar ainda mais seu conhecimento, vamos ver um outro exemplo

function testandoCallback(a, b, callback) {

    console.log(a + b);
    callback();

}

testandoCallback(1,2, function() {
    console.log('soma finalizada!')
});

Aqui utilizamos um callback com uma função anônima, que nos alerta quando a soma foi finalizada

Outra prática que é perfeitamente aceitável

Comunicação por API

Outro bom exemplo de quando devemos utilizar callback é ao se comunicar com uma API

Digamos que precisamos fazer um ação com determinada resposta de uma API que pode demorar algum tempo

Como vamos fazer essa ação se não sabemos quando a resposta vai chegar?

Simples! A resposta é callback, atrelamos uma função de callback assim como argumento na chamada de função da rota da API

Aí ela será executada exatamente quando a resposta chegar, ou seja, um caso perfeito para este recurso ser utilizado

Conclusão

Neste artigo aprendemos o que é callback no JavaScript

Basicamente uma função que recebe como parâmetro uma outra função

Sendo essa passada por parâmetro executada por último, ou seja, quando a função de origem for completamente finalizada

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube