Promesas en JavaScript: encadenado limpio y manejo de errores

Domina `then/catch/finally`, composición de promesas y patrones para evitar callback hell.

Una promesa representa un resultado futuro (éxito o error).

Encadenar bien evita lógica anidada y mejora legibilidad.

El error debe gestionarse explícitamente con `catch`.

Composición con `Promise.all` permite paralelizar tareas independientes.

  • pending -> fulfilled o rejected.
  • Mientras está `pending`, aún no tienes valor final. Cuando se resuelve, pasa a `fulfilled`; si falla, a `rejected`.
  • Tu código debe contemplar ambos caminos para no dejar errores silenciados.
  • Cada `then` recibe la salida del anterior.
  • Devuelve valor o promesa desde `then`.

Estados y ciclo de una promesa

pending -> fulfilled o rejected.

Mientras está `pending`, aún no tienes valor final. Cuando se resuelve, pasa a `fulfilled`; si falla, a `rejected`.

Tu código debe contemplar ambos caminos para no dejar errores silenciados.

Encadenar transformaciones con then

Cada `then` recibe la salida del anterior.

  • Devuelve valor o promesa desde `then`.
  • No mezcles callbacks anidados innecesarios.
  • Centraliza el manejo de error en un `catch` final.

Componer promesas en paralelo

Si tareas son independientes, ejecútalas juntas.

`Promise.all` espera a que todas las promesas se resuelvan. Si una falla, rechaza el conjunto.

Úsalo para cargar recursos en paralelo y reducir tiempo total de espera.

JavaScript
35

Promesas en JavaScript: encadenado limpio y manejo de errores

Domina `then/catch/finally`, composición de promesas y patrones para evitar callback hell.

Código del tema: new Promise | then | catch | finally | Promise.all

📘 Teoría

Estados y ciclo de una promesa

pending -> fulfilled o rejected.

1

Mientras está `pending`, aún no tienes valor final. Cuando se resuelve, pasa a `fulfilled`; si falla, a `rejected`.

2

Tu código debe contemplar ambos caminos para no dejar errores silenciados.

Encadenar transformaciones con then

Cada `then` recibe la salida del anterior.

  • Devuelve valor o promesa desde `then`.
  • No mezcles callbacks anidados innecesarios.
  • Centraliza el manejo de error en un `catch` final.

Componer promesas en paralelo

Si tareas son independientes, ejecútalas juntas.

1

`Promise.all` espera a que todas las promesas se resuelvan. Si una falla, rechaza el conjunto.

2

Úsalo para cargar recursos en paralelo y reducir tiempo total de espera.

🧪 Aprende probando

Ejemplo Ejemplo guiado: cadena con recuperación de error Maneja error y cierre final con `finally`.

🏁 Retos

Reto Reto: convertir callback mental a promesa Crea una promesa que se resuelva tras timeout y encadena el resultado.

🧰 Recursos

Test

Comprueba tus conocimientos con un test sobre JavaScript.

Test de JavaScript

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros. culTest

La hice en febrero de 2026 para facilitar el aprendizaje de mis alumnos. La idea es aprender desarrollo web practicando y que el proyecto siga creciendo con nuevos temas, tests y retos.

Está inspirada en MDN, W3Schools, CodePen, Manz y muchos otros sitios de documentación sobre desarrollo web. Quería combinar teoría útil, ejemplos ejecutables, retos y el sistema de tests que ya tenía en culTest. culTest

Si te gustó, si no te gustó o si quieres escribirme, puedes hacerlo en cristianeslava@gmail.com