2

Estou estudando um pouco de jQuery e achei isso interessante.

O problema é que não entendi muito bem.

Pra que serve o Deferred Object no jQuery?

Como isso pode se tornar útil quanto a utilização do jQuery?

5

1 Resposta 1

1

Para que serve?

Ele server para tratamento de processamento assíncrono. Por exemplo:

   var timer;
(function process() {
$('#output').html('Estou carregando angula coisa…');
var deferred = $.Deferred();

/* Aqui vc define um tempo de notificacao no caso 1 segundo */
timer = setInterval(function() {
    deferred.notify();
}, 1000);

/* Esse timeout simula o tempo de resposta */
setTimeout(function() {
    clearInterval(timer);
    deferred.resolve();
}, 10000);

return deferred.promise();
})().then(function() { 
/* Esse cara é chamado quando termina o processamento assíncrono */
$('#output').html('Terminei de carregar. Agora vou fazer algo!!!'); 
}, null, function() { 
/* Esse cara é notificado a cada segundo enquanto o processamento não for finalizado */
$('#output').html($('#output').html() + '.'); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="output" />

Neste exemplo temos uma rotina que e executada por determinado tempo. Essa rotina pode ser comparada com o carregamento de uma pagina via js. Imagina que você precise baixar um arquivo em forma de json de uma pagina qualquer. Ao terminar você precisará executar algo. Existe a possibilidade de você efetuar o tratamento síncrono, mais ai pode ocorrer a mensagem abaixo que pode mudar de navegador para navegador.

inserir a descrição da imagem aqui

Quando utilizar?

Você deve utilizar sempre que alguma rotina do sistema for tratada de forma assíncrona e você precisa do retorno da página para efetuar um tratamento especifico. Por exemplo, no load de uma imagem via js ou até mesmo no load de outro js que necessite ser de forma assíncrona.

1
  • Excelente, maravilhoso :) Commented 26/10/2015 às 17:30

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .