JavaScript Visualizado: Event Loop

Aquí dejo un resumen de todo el funcionamiento del Evento Loop.

Las funciones son empujadas al call stack cuando son invocadas y se sacan cuando devuelven un valor

setTimeOut es proveído por el navegador, la Web API se encarga del callback que le pasemos.

Cuando el timer ha terminado (1000ms en este caso), el callback se pasa al callback queue

El Event Loop mira hacia el callback queue y al call stack. Si el call stack está vacío, este empuja el primer elemento de la cola en el stack.

El callback es añadido al call stack para luego ser ejecutado. Una vez retorna un valor, este es sacado de call stack.

.
Este pequeño resumen es sacado del post de @lydiahallie | ✨♻️ JavaScript Visualized: Event Loop | donde también se explica muy bien como funciona el Event Loop. Te recomiendo visitar el post original para encontrar más información sobre este tema. (y sobre otros muy interesante que también ha escrito 😉 )