API de Promesas de JavaScript

En JavaScript, dominar las promesas es crucial para desarrollar aplicaciones responsivas, escalables y mantenibles. Para una introducción a las promesas, consulta nuestras páginas anteriores como JavaScript: Promises. Este artículo profundiza en los aspectos más matizados de las Promises de JavaScript, centrándose específicamente en Promise.all, Promise.allSettled, Promise.race y la implementación de polyfills para estos métodos. Al mejorar tu comprensión y capacidad para implementar estas técnicas avanzadas, optimizarás significativamente la eficiencia y fiabilidad de tu código JavaScript.

Utilizar Promise.all para tareas concurrentes

Promise.all es un método esencial para manejar múltiples promesas de forma concurrente. Cuando necesitas realizar varias operaciones asíncronas y solo avanzar una vez que todas hayan completado con éxito, Promise.all es la herramienta que necesitas.

Cómo implementar Promise.all

A continuación se muestra un ejemplo que demuestra cómo usar Promise.all para manejar múltiples solicitudes de API simultáneamente:

---

Output appears here after Run.

En este ejemplo, Promise.all toma un array de promesas y se resuelve en un array con los resultados de estas promesas. Si alguna promesa falla, Promise.all se rechaza con la razón de la primera promesa que se rechazó.

Dominar Promise.allSettled

A diferencia de Promise.all, el método Promise.allSettled devuelve una promesa que se resuelve después de que todas las promesas dadas se hayan resuelto o rechazado, acompañada de un array de objetos que describen el resultado de cada promesa.

Ejemplo de Promise.allSettled

Así es como puedes usar Promise.allSettled:

---

Output appears here after Run.

Nota: Promise.allSettled nunca se rechaza. Siempre se resuelve con un array de objetos de resultado, cada uno conteniendo una propiedad status ('fulfilled' o 'rejected') y ya sea una propiedad value o reason.

Este método es particularmente útil cuando necesitas asegurarte de que todas las promesas lleguen a su fin, independientemente de si se cumplen o se rechazan.

Implementar Promise.race

Promise.race es otra herramienta poderosa que permite manejar múltiples promesas resolviéndose o rechazándose tan pronto como una de las promesas en el iterable se resuelva o rechace.

Cómo usar Promise.race

A continuación se muestra una aplicación práctica de Promise.race:

---

Output appears here after Run.

Este método es ideal para escenarios en los que necesitas el resultado más rápido entre múltiples operaciones asíncronas.

Crear un polyfill para Promise.allSettled

No todos los entornos admiten Promise.allSettled de forma nativa. Por lo tanto, implementar un polyfill puede garantizar la compatibilidad en diferentes entornos de JavaScript.

Polyfill para Promise.allSettled

Así es como puedes crear un polyfill simple:

---

Output appears here after Run.

Este polyfill proporciona una funcionalidad básica donde cada promesa se maneja individualmente y se resuelve según su resultado respectivo, asegurando que el comportamiento de allSettled se imite de manera efectiva.

Al integrar estas técnicas avanzadas de promesas y comprender los mecanismos subyacentes de los polyfills, puedes elevar tu código JavaScript a nuevos niveles. Estos métodos no solo mejoran la fiabilidad del código, sino que también ofrecen un control refinado sobre las operaciones asíncronas, allanando el camino para aplicaciones web más robustas.

Practice

¿Cuáles de las siguientes afirmaciones son verdaderas sobre las Promises en JavaScript según la información proporcionada en el sitio web?

Una promesa es un proxy para un valor que eventualmente estará disponible.Las Promises en JavaScript siempre devuelven mensajes de error.'Promise.all(iterable)' espera a que todas las promesas se resuelvan o a que alguna se rechace.'Promise.race(iterable)' espera hasta que alguna de las promesas se rechace.El método 'Promise.resolve(value)' crea un nuevo objeto Promise que se resuelve con el valor proporcionado.