LECCIÓN 43 / 60 · Asincronía y APIs

Espera una promesa con await

Al terminar, podrás: esperar una promesa utilizando await

Ruta esencialJavaScript

Conviene conocer: Lección 42 · Recibe un resultado futuro con una promesa

La idea clave

async/await permite escribir una espera de manera similar a instrucciones normales. await pausa esa función hasta recibir el resultado; no bloquea toda la página.

Ejemplo paso a paso

Este ejemplo muestra la idea en acción. Sigue los pasos y después cámbialo tú.

Ejemplo explicado
async function comprobar() {
  const mensaje = await Promise.resolve('Listo');
  console.log(mensaje);
}
comprobar();
  1. async indica que dentro de la función podemos usar await.
  2. Promise.resolve proporciona un valor futuro controlado.
  3. await recibe «Listo» y la siguiente línea lo muestra.

Practica con código

Antes de empezar, piensa: ¿La consola muestra la promesa o la palabra «Listo»?

Sustituye «Listo» por «He esperado» y ejecútalo.

El resultado que buscamos

La consola muestra «He esperado».

JAVASCRIPT Practica aquí
Tu misión

Sustituye «Listo» por «He esperado» y ejecútalo.

Consola
Lista para ejecutar.
Sin comprobar
Escribe tu cambio y pulsa «Comprobar solución». Puedes intentarlo tantas veces como quieras.
Listo
Necesito una pista

Busca el texto en Promise.resolve(...).

Una pista más

No necesitas cambiar async ni await.

Ver solución y explicación

const mensaje = await Promise.resolve('He esperado');

Qué debes recordar: await espera un resultado dentro de una función async.

Práctica pendiente de corregir

La lectura, las prácticas corregidas y las autoevaluaciones guiadas se guardan por separado en este navegador.

Revisado editorialmente · Referencia técnica específica ↗