Hay un montón de temas al respecto, pero no pude encontrar este caso. Dejame explicar:
const [call1, call2, call3] = await Promise.all([promise1, promise2, promise3]);
Si tienen éxito, debería volver bien, ¿sí? Pero, ¿y si falla? Me arroja esto: Rechazo no controlado (TypeError): (valor intermedio) no es iterable
Podría hacer const calls = await.Promise.all(promises)
y luego usarlo como calls[0]
pero ¿es posible de otra manera?
Esperar una promesa que rechazará hará que la función arroje una excepción. Manejas eso con un try-catch
.
try { const [call1, call2, call3] = await Promise.all([promise1, promise2, promise3]); } catch (error) { // Assuming the rejection value is an Error instance. const message = error.message }
Tienes que entender cómo funciona Promise.all
.
De los documentos :
El método Promise.all()
toma una iteración de promesas como entrada y devuelve una única promesa que se resuelve en una matriz de los resultados de las promesas de entrada. Esta promesa devuelta se resolverá cuando todas las promesas de entrada se hayan resuelto, o si la entrada iterable no contiene promesas. Rechaza inmediatamente después de que cualquiera de las promesas de entrada rechace o no prometa arroje un error, y rechazará con este primer mensaje de rechazo/error.
Ejemplo:
const promise1 = Promise.resolve(1) const promise2 = Promise.reject('dummy error') const promise3 = Promise.resolve(3) const promises = [promise1, promise2, promise3] Promise.all(promises) .then(values => ...) .catch(err => console.log(err))
Salida: 'error ficticio'
En su lugar, podría considerar Promise.allSettled
.
De los documentos :
El método Promise.allSettled()
devuelve una promesa que se resuelve después de que todas las promesas dadas se hayan cumplido o rechazado, con una matriz de objetos que describen el resultado de cada promesa.
El mismo ejemplo, pero con Promise.allSettled
:
Promise.allSettled(promises) .then(values => console.log(values))
Producción: [
{ estado: "cumplido", valor: 1 },
{ estado: "rechazado", valor: 'error ficticio' },
{ { estado: "cumplido", valor: 3 }
]
Podría echar un vistazo a Promise.allSettled() , esto devuelve una promesa que se resuelve después de que todas las promesas dadas se hayan cumplido o rechazado, con una matriz de objetos que describen el resultado de cada promesa.
Entonces, incluso si alguna de las promesas se rechaza, allSettled resolverá y le dará detalles del resultado de cada promesa.
La compatibilidad del navegador está aquí: compatibilidad allSettled
async function testAllSettled() { const promises = [1,2,3].map(n => new Promise((res,rej) => setTimeout(n % 2 ? res: rej, 100, n))); let result = await Promise.allSettled(promises); console.log('Promise.allSettled result:', result); } testAllSettled()
.as-console-wrapper { max-height: 100% !important; top: 0; }