treinaweb.com.

br
https://www.treinaweb.com.br/painel-do-aluno/ava/353f78f5cb15e101efa03b8420cb9d6d/e540995e837c800b6045280e3da8252c

JavaScript Avançado

Callback

Funções em JavaScript podem ser referenciadas em variáveis, até mesmo ser passadas como parâmetro de
uma outra função, quando fazemos isso, estamos criando um callback.

Callback é uma function que ao ser passada para outra function em forma de parâmetro, será executada em
algum momento pela função que a recebeu.

Perceba que seria similar a retornar através de uma função, podemos receber por parâmetros dentro da function
callback valores tratados pela outra function

Copiar Código

10

var foo = function(callback){

var baz = 'baz';

callback(baz);

foo(function(baz){

console.log(baz);

})

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Repare que foo recebe uma expressão de função ao ser executada, essa expressão só é executada dentro de
foo que recebe um parâmetro baz.

Este tipo de função é muito utilizada em frameworks, um exemplo que podemos ver é o ajax do JQuery, quando
executamos a function ajax, passamos dois callbacks, um para representar um erro e o outro o sucesso da
requisição.

Copiar Código

10

11

12

$.ajax({

type: 'GET',

url: 'http://api/v1/course',

dataType: 'jsonp',

data: {},

success: function(response) {

},

error: function(error) {

});

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Outro exemplo da utilização de callback é o método setTimeout ou setInterval.

Copiar Código
1

setTimeout(function(){

alert('TreinaWeb');

},3000);

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Reportar problema na página