Quiero generar un texto después de 2 segundos primero, después de generar una "alerta ()" en segundo lugar y, al final, generar un "console.log" usando solo async/await. Por favor, ayúdame a escribir tal secuencia.
Por qué el siguiente código no funciona
async function qaz() { let res1 = await setTimeout(function(){ console.log("show me first"); }, 2000); let res2 = await alert('show me second'); let res3 = await console.log('show me at the end'); return [res1,res2,res3]; }setTimeout es parte de los métodos asincrónicos de JavaScript (métodos que comienzan a ejecutarse y su resultado regresará en algún momento en el futuro a un componente llamado cola de devolución de llamada, que luego se ejecutará)
Lo que probablemente quiera hacer es envolver la función setTimeout dentro de una Promesa y esperarla y luego ejecutar el resto del código síncrono.
const longTask = () => new Promise(resolve => { setTimeout(function(){ console.log("show me first"); resolve(); }, 2000); }); async function qaz() { await longTask(); alert('show me second'); console.log('show me at the end'); } qaz();Sugiero leer más sobre el modelo de bucle de eventos aquí .
Ni setTimeout , alert o console.log devuelven promesas, y eso es un problema porque await solo funciona con promesas.
Sin embargo, aún puede usar async/await . Cree una función de delay que devuelva una promesa que puede await para la primera parte, y luego, después de que eso se resuelva, haga sus alertas y su registro.
function delay(n) { return new Promise(res => { setTimeout(() => res(), n); }); } async function qaz() { await delay(2000); console.log('Show me first'); alert('Show me second'); console.log('Show me at the end'); } qaz();