1. Curso de Vue
  2. /
  3. JavaScript Moderno
  4. /
  5. Promesas (II)
1 / 1

Promesas (II)

Múltiples promesas simultáneas

En ocasiones es necesario proseguir una vez varios servicios API nos respondan con los datos y no únicamente uno. Para estos casos, tenemos la opción de hacer uso de Promise.all de esta forma:


const promiseTasks = apiBackendLayer.getAllTasks(user);
const promiseUserData = apiBackendLayer.getUserData(user);
const promiseOther = apiBackendLayer.getOtherGenericData();
// Y esperamos a todas
Promise.all([promiseTasks, promiseUserData, promiseOther])
  .then(values => {
    // Values tendrá un array con todos los valores de respuesta de cada una
    // de las promesas, por lo que se podría hacer
    const [tasks, userData, other] = values;
  }).catch(error => {
    // Catch saltará con que UNA SOLA, la primera de ellas, falle.
  });

Siguiente: Creación de un proyecto.