Saltar al contenido

Promesas en JavaScript

Las promesas en JavaScript son una herramienta poderosa para gestionar operaciones asíncronas, lo que permite a los desarrolladores escribir código más limpio y robusto. Comprender cómo utilizar las promesas de manera efectiva es esencial para cualquier desarrollador que busque destacar en el desarrollo moderno de JavaScript.

Introducción a las promesas en JavaScript

Una promesa en JavaScript representa un valor que aún puede no estar disponible, pero que se resolverá en algún momento del futuro. Te permite adjuntar funciones de devolución de llamada (callbacks) para manejar el éxito o el fallo de una operación asíncrona. Esto representa una mejora significativa frente a técnicas antiguas como los callbacks anidados, a menudo denominados "infierno de callbacks".

Crear una promesa

Para crear una promesa, utilizas el Promise constructor que acepta una función, conocida como función ejecutora. Más adelante en esta página aprenderás sobre los argumentos resolve y reject en la función ejecutora.


Output appears here after Run.

Manejar resultados con .then, .catch y .finally

Una vez creada una promesa, puedes utilizar los métodos .then, .catch y .finally para manejar los resultados cumplidos o los rechazos.

El método then

El método .then se utiliza para programar una función de devolución de llamada que se ejecutará cuando la promesa se haya cumplido. Para que una promesa se cumpla, debe llamarse al método resolve. El argumento que pases al método resolve será el valor final de la promesa.


Output appears here after Run.

En este código, la promesa se cumplirá solo después de que finalice el tiempo de espera de 1000 ms y se llame al método resolve con "Done!".

La función en la parte then solo se ejecuta después de que se llama al método resolve.

El método .catch

El método .catch se utiliza para manejar la promesa si es rechazada. Esto significa que se ha lanzado un error en el bloque de la función de la promesa o se ha llamado al método reject.


Output appears here after Run.

El método .finally

El método .finally te permite ejecutar código después de que la promesa se haya resuelto, independientemente de su resultado.


Output appears here after Run.

Obtener datos de una API utilizando promesas

Este ejemplo muestra cómo obtener datos de una API remota utilizando promesas.


Output appears here after Run.

Encadenar promesas

El encadenamiento de promesas es una característica potente que te permite vincular múltiples operaciones asíncronas. Para más información, consulta JavaScript: Promesas y encadenamiento.


Output appears here after Run.

Integrar async/await con las promesas de JavaScript

El uso efectivo de async/await puede simplificar el manejo de operaciones asíncronas, haciendo que tu código sea más limpio y fácil de entender, mientras mantienes todo el poder de las promesas de JavaScript. Aprenderás más sobre ello en JavaScript async/await, pero aquí tienes un ejemplo sencillo.


Output appears here after Run.

Conclusión

Dominar las promesas en JavaScript es crucial para cualquier desarrollador que busque gestionar operaciones asíncronas de manera eficiente. Al comprender y utilizar los patrones y técnicas descritos anteriormente, los desarrolladores pueden garantizar que su código en JavaScript sea más legible, mantenible y confiable.

Práctica

¿Qué es una promesa en JavaScript?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.