Lo siento por la pregunta ya que hay muchas preguntas similares. Sin embargo, sigo sin entender. Se supone que el siguiente código muestra CÓMO hacer que un bucle for actúe sincrónicamente. Sin embargo, tal como lo veo, todavía no es sincrónico. La salida del siguiente código es ** 1 2 3{* **}después de cada uno hecho **
Pero me pregunto, si ponemos la word clave await delante de la función, ¿por qué el resultado no es:
** 1 después de cada uno 2 después de cada uno 3 después de cada uno hecho{** *}**
? Porque result contiene un número a la vez, esperando la ejecución de returnNum.
const asyncFunction = async () => {
const nums = [1, 2, 3];
for (const num of nums) {
const result = await returnAsyncNum(num);
console.log(result);
}
console.log('after forEach');
}
const returnAsyncNum = x => {
return new Promise(resolve => setTimeout(resolve, 500, x));
}
asyncFunction().then(() => {
console.log('done');
})
El archivo console.log('after forEach') solo se ejecutará una vez que for se haya completado por completo. Eso tiene sentido ya que lo estás dejando después de todo, ¿no es así?
Si pones un console.log antes de resolve(x), verás como el código está esperando la promesa de devolver el número.
Ese es el punto de las async functions , te permiten escribir código asíncrono como si fuera una sincronización.
Está esperando que se complete la promesa y obtenga su valor.
Como está esperando la Promise , la ejecución de la función asíncrona se detiene en await y cuando la Promise cumple, obtiene su valor y la ejecución continúa.
Además, su salida esperada no tiene ningún sentido, console.log('after forEach') solo puede iniciar sesión una vez llamando a la función una vez.