Como fazer funções callback no JavaScript

Em JavaScript funções são tratadas como objetos, portanto é possível passar uma função como parâmetro para outra função, executando-a, sendo assim uma função callback.

Quando se tem requisições Ajax, ou outras operações assíncronas, o uso de funções callbacks é importante.

Veja como se usa funções callbacks:

 

//Função base
function getUsuario(idUsuario, callback){
	callback("Jayr Alencar"); //Passamos a função callback por parâmetro e executamos ela dentro da outra função
}

//Usando
getUsuario(1, function(resultado){
	alert(resultado);
});

Usando callbacks com Ajax

function getUsuario(id, callback){
	$.ajax({
		data: {idUsuario : id},
		url: 'getUsuario.php',
		success: function(resultado){
			callback(resultado);
		}
	});
}

getUsuario(1, function(resultado){
	alert(resultado);
});

Jayr Alencar

Doutorando em Ciências da Computação no Centro de Informática da Universidade Federal do Pernambuco (CIn - UFPE); Mestre pela mesma instituição; Formado em Análise e Desenvolvimento de Sistemas; Católico; Fã de O Senhor do Anéis.

Você pode gostar...

1 Resultado

  1. foxmcclound disse:

    Muito obrigado pelo exemplo simples e pratico,
    foi a explicação que abriu minha mente

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *