async / await
Sintaxis para trabajar con promesas como si fueran codigo sincrono: await pausa la funcion hasta que la promesa se resuelve, sin bloquear el resto de la pagina.
Vista previa
Codigo
<p><span id="salida"></span></p>
<script>
function esperar(ms) {
return new Promise(resolver => setTimeout(resolver, ms));
}
async function iniciar() {
document.getElementById("salida").textContent = "Esperando...";
await esperar(1000);
document.getElementById("salida").textContent = "Listo despues de esperar";
}
iniciar();
</script>