CodeAventura
Asincronía y APIs en JavaScript
▸Async/Await y control de errores▸Peticiones con async/await

Misión

●localhost:5173
Consola
La consola está vacía. Pulsa EJECUTAR para correr tu código.
11 / 14Peticiones con async/await
Anterior

Peticiones con async/await

Por qué existe async/await

Con cadenas largas de .then(), el flujo puede volverse difícil de seguir. async/await te deja escribir asincronía con lectura casi secuencial.

Versión con async/await

Observa que sigue siendo asíncrono, solo cambia la sintaxis.

Regla de oro

  • await solo funciona dentro de funciones async
  • await pausa esa función, no bloquea toda la aplicación

Beneficio práctico

Con async/await puedes:

  • leer mejor el orden de pasos
  • depurar más fácil
  • combinar validaciones y transformaciones sin anidar tanto

Error común

Olvidar el segundo await en response.json(). Eso deja una promesa sin resolver en vez de datos listos.

Tu desafío 🚀

  1. Declara una función async
  2. Usa await fetch(...)
  3. Usa await response.json()
  4. Muestra un dato del personaje en consola o DOM

async/await no reemplaza la asincronía; la vuelve más legible.