Entiendo el concepto de subproceso único, cola de tareas micro, cola de tareas macro y bucle de eventos.

También sé que cuando se llama a una función asíncrona sin la palabra clave await, el hilo principal no bloquea la espera de respuesta, mientras que cuando se llama a la función asíncrona con la palabra clave await, el hilo principal sí se bloquea. En ambos casos, la función asíncrona se agrega a la cola de tareas.

Hoy me encontré con un ejemplo de función asíncrona anidada (vea el código a continuación) donde el hilo principal no se bloquea en la primera iteración del bucle for aunque la función invocada tiene la palabra clave await en la función asíncrona anidada.

Parece que llamar a una función asíncrona, ya sea anidada o no, coloca inmediatamente la función en la cola de tareas sin verificar qué código hay dentro de la función asíncrona (es decir, si hay espera o no).

En otras palabras, ¿el hilo principal no ingresa a la función secundaria foo si no se espera al padre?

¿Por qué la espera en foo no bloquea el bucle for mientras que la espera foo... en el bucle for habría bloqueado el bucle?

 async function foo(i) { await new Promise(resolve => setTimeout(resolve, 5000)); console.log('Completed', i); } for (let i = 0; i < 10; i++) { foo(i); console.log('Fired', i); } console.log('Done firing all async functions, unblocking...');