¿Por qué $ .when(). Pipe(). Then() funciona, pero no $ .when(). Then(). Then()?

Question

Todavía estoy tratando de entender lo que sucede con los objetos Deferred de JQuery, y me estoy rascando la cabeza ante un problema en particular. En el siguiente código, inicialmente intenté encadenar deferred.then() pero nunca funcionó. Las tres funciones se ejecutan a la vez. Solo después de que mi compañero de trabajo me indicara la función pipe, las cosas se pusieron en su lugar. La pregunta es, ¿por qué funciona pipe(), pero no then()?

var otherDefer = function(msg){return function(){return testDefer(msg)}}; 
var there = otherDefer("there,"); 
var guy = otherDefer("guy.");      

function testDefer(msg) { 
    var deferred = $.Deferred(); 
    pretendAjaxCall(function() { 
     $('<li>'+msg+'</li>').appendTo('#msgOut'); 
     deferred.resolve(); 
    }); 
    return deferred.promise(); 
} 

function pretendAjaxCall(callback) { 
    setTimeout(callback,1500); 
} 

$.when(testDefer("Hi")).pipe(there).then(guy);​ 

También probé return deferredreturn deferred.promise() en lugar de cuando se utiliza when().then().then().

jsFiddle de código anterior: http://jsfiddle.net/eterpstra/yGu2d/

Answer 1

Esta es la forma en then() y pipe() trabajo en su muestra:

then() vuelve diferidos y llamando then() en este mismadiferido que sólo tiene que añadir una segunda devolución de llamada a la misma que se llamará simultáneamente con el primero

pipe(), en su lugar, devuelve nuevoPromise que le permite construir una cadena y es por eso que se obtiene secuenciales pide, en este caso

---

Tome un vistazo a los siguientes recursos para obtener más información sobre la tubería/entonces:

When should I use jQuery deferred's "then" method and when should I use the "pipe" method?

Promise Pipelines in JavaScript

Answer 2

Estás usando .then de una manera que no se supone que se utilizará - usted está discutiendo un diferido a ella, cuando all that .then expects is a plain function to be added as a callback.

El método .then devuelve el original Diferido, que ya se ha resuelto. Cuando se resuelve Deferred, todas las devoluciones de llamadas agregadas con .then se ejecutan inmediatamente.

Por otro lado, la función .pipe toma un conjunto de funciones, o una promesa (que es lo que está enviando) y se resuelve en función del estado del original diferido. ¡La funcionalidad de .pipe es en realidad lo que estás buscando!

Answer 3

Desde jQuery 1.8 a continuación,() devuelve un nuevo Promise (el mismo que el tubo()) en lugar del mismo diferido que cuando() vuelve.

cambiar la versión de jQuery a 1.8.3 o superior en su ejemplo en:

http://jsfiddle.net/eterpstra/yGu2d

y

$.when(testDefer("Hi")).then(there).then(guy);

va a funcionar.