Promesas en javascript

Sobre mi

http://about.me/juanramb

Trabajo como desarrollador/ingeniero de sistemas

¿Y todo esto para qué?

• Queremos código asíncrono
• La forma más sencilla de obtenerlo es usando callbacks
• Los callbacks tienen sus "problemillas"

1. Pierdes la separación entre entrada y salida de una función
2. Es complicado realizar operaciones en serie o en paralelo
3. Se pierde información de depuración de las excepciones

Pierdes separación entre entrada/salida de una función

function getUser(id, callback){
  $.get('/api/users/'+id, function(datos){
    callback(datos);
  }); 
};
getUser(5,function(user){
  console.log('Nombre: '+user.name);
})

Es complicado realizar operaciones en serie o paralelo

getUser(id, function(user){
  getTwits(user.twitterId, function(twits){
    muestraTwits(twits);
  });
});
     

var twits, fbFriends, searchResults;

getTweets(user.twitterId, function(result){
  twitts=result;
  resultadoObtenido();
});
getFbFriends(user.fbId, function(result){
  fbFriends=result;
  resultadoObtenido();
});
searchGoogle(user.name, function(result){
  searchResults=result;
  resultadoObtenido();
});
var resultados=0;
function resultadoObtenido(){
  if(++resultados === 3)
    showUserDashboard(twits,fbFriends,searchResults);
};

Los errores se pierden fácilmente

function obtenerTamañoTotal(directorio, callback){
  fs.readDir(directorio, function(error, archivos){
    var leidos = 0;
    var total = 0;
    function leido(){
      if (++leidos === archivos.length)
        callback(total);
    };
    archivos.forEach(function(nombre){
      fs.readFile(nombre, function(error, archivo){
        total += archivo.length;
        leido();
      });
    });
  });
});

Infierno de callbacks

paso1(function(valor1){
  paso2(valor1, function(valor2){
    paso3(valor2, function(valor3){
      paso4(valor3, function(valor4){
        paso5(valor4, function(valor6){
          //haz algo con valor6
        });
      });
    });
  });
}); 

¿Y todo esto para qué?

• Las promesas nos ayudan a resolver esos problemas
• En vez de llamar al callback devolvemos una promesa

readDir(path, function(error, fileList){
  //hago cosas
});

var fileListPromise = readDir(path);

function siCumplida(fileList){
  //hago cosas
}
function siRechazada(error){
  //hago otras cosas
}
fileListPromise.then(siCumplida, siRechazada);

¿Y todo esto para qué?

• Podemos encadenar las promesas

var otraPromesa = unaPromesa.then(siCumplida, siRechazada);

¿Y todo esto para qué?

• Podemos encadenar las promesas

 promesaPaso1
.then(promesaPaso2)
.then(promesaPaso3)
.then(promesaPaso4)
.then(promesaPaso5)
.then(function(valor6){
   //haz algo con valor6
});