Estoy trabajando en un entorno ES5 usando jQuery. Tengo un código de la siguiente manera:
var saveGame = function (gameState, saveStars) { var deferred = $.Deferred(); var starsSaved = saveStars ? false : true; model.game().saved(starsSaved); model.driveAccessInProgress(true); GW.manifest.saveGame(gameState).then(function () { model.driveAccessInProgress(false); deferred.resolve(); }); return deferred; // or deferred.promise()? }; saveGame().then(/* more stuff */); En este caso, si devuelvo deferred.promise() o simplemente deferred el .then funciona como se esperaba. Dado esto, supongo que no tengo claro qué es una promesa, y me preguntaba cuál es la diferencia entre estos dos retornos y cuándo podría importar.
Desea devolver deferred.promise() para que el código de llamada no pueda llamar a resolver o rechazar u otros métodos específicos de Deferred. Eso no es algo a lo que la persona que llama debería tener acceso. Solo debería poder consumir la promesa, no afectar su estado. También puede leer la documentación .
Volvería deferred.promise() .
Pero parece que saveGame(gameState) ya devuelve una Promesa, por lo que no debería usar $.Deferred aquí en absoluto.
var saveGame = function (gameState, saveStars) { var starsSaved = saveStars ? false : true; model.game().saved(starsSaved); model.driveAccessInProgress(true); return GW.manifest.saveGame(gameState).then(function () { model.driveAccessInProgress(false); }); }; saveGame().then(/* more stuff */); Tener ya una Promesa y crear una nueva usando $.Deferred es un antipatrón. la razón de esto es que puede olvidar fácilmente ciertos casos y su código puede quedarse atascado en ese punto.
¿Qué sucede si, por ejemplo GW.manifest.saveGame(gameState) falla? No considera ese caso, por lo que necesitaría agregar un .catch :
GW.manifest.saveGame(gameState).then(function () { model.driveAccessInProgress(false); deferred.resolve(); }) .catch(function(err) { deferred.resolve(err); })Y puede haber otros casos también.