¿Qué es el event loop de Node.js?

El event loop es el mecanismo que permite a Node.js, que tiene un solo hilo, manejar muchas operaciones asíncronas. Revisa repetidamente las colas de callbacks pendientes (timers, I/O, setImmediate) y los ejecuta en la call stack cuando está vacía.

¿Cuál es el orden entre process.nextTick, promises, setTimeout y setImmediate?

Cuando termina el código síncrono, Node vacía primero los callbacks de process.nextTick y luego las microtasks de promises. Solo entonces el loop recorre sus fases: timers (setTimeout), poll (I/O) y check (setImmediate). Las microtasks también se vacían después de cada callback.

¿Por qué setTimeout(fn, 0) no se ejecuta de inmediato?

setTimeout solo registra el callback en la cola de timers con un retraso mínimo de 1ms. Solo se ejecuta cuando termina el script actual, las colas de nextTick y microtasks están vacías y el loop llega a la fase de timers.

¿Pueden las promises o nextTick bloquear el event loop?

Sí. El loop no avanza a la siguiente fase hasta que las colas de nextTick y microtasks estén vacías. Un callback que agenda microtasks sin parar deja sin turno a los timers y al I/O. La lección 6 lo muestra en vivo.

¿Este visualizador replica exactamente el funcionamiento interno de Node?

Modela fielmente las reglas de orden (Node 11 o superior), con reloj virtual y las fases pending, idle y close ocultas. En Node real, setTimeout frente a setImmediate en el script principal puede invertirse según la carga del proceso, por eso modelamos el caso típico.

Visualizador del Event Loop de Node.js

Una ruta de aprendizaje de 7 lecciones con animación paso a paso. Mira la call stack, la cola de nextTick, las microtasks y las fases de libuv moverse en tiempo real y predice la salida de la consola antes de dar play.

Lección 1 de 7 · Principiante

La call stack

Entiende cómo se ejecuta el código síncrono, un frame a la vez.

Código

1function third()  { console.log('third') }
2function second() { third() }
3function first()  { second() }
4console.log('start')
5first()
6console.log('end')

Predice la salida

¿Qué imprimirá la consola, en orden?

Call stack

ejecuta JS

main()

Cola nextTick

1ª prioridad

vacía

Microtasks

promises

vacía

Event loop (libuv)

t = 0ms

Timers

setTimeout

vacía

Poll (I/O)

fs, net

vacía

Check

setImmediate

vacía

Las fases pending, idle/prepare y close son internas y no se animan.

Consola

aún no se imprimió nada

Empieza el script. main() entra en la call stack.

Velocidad

1/12

JavaScript corre en un solo hilo con una sola call stack. Llamar a una función apila un frame, retornar lo desapila, y la última función llamada es la primera en terminar (LIFO). Nada más se ejecuta hasta que la stack se vacía.

Cómo Usar

Elige una lección en la ruta de aprendizaje. Van desde la call stack hasta un desafío final con todas las colas.

Lee el código y predice la salida de la consola eligiendo una de las opciones.

Pulsa Play, o avanza un cuadro a la vez, y mira cómo los elementos se mueven entre colas.

Lee la narración bajo el escenario. Explica cada movimiento del event loop.

Completa las siete lecciones y ponte a prueba con el simulacro de entrevista Node.js Fundamentals.

¿Qué Es Esta Herramienta?

El event loop de Node.js es el planificador detrás de cada callback, promise y timer de tu servidor. Este visualizador lo convierte en una ruta guiada: siete lecciones cortas, cada una con código real, call stack animada, colas de nextTick y microtasks y las fases de libuv (timers, poll, check), para que veas por qué la consola imprime en ese orden.

¿Por Qué Importa?

El orden del event loop es de los temas más preguntados en entrevistas de Node.js y la causa de muchos bugs en producción: timers retrasados, logs en orden inesperado y peticiones bloqueadas. Entenderlo vuelve predecible el código asíncrono.

Las cuatro cosas que debes recordar

1) El código síncrono siempre termina primero. 2) process.nextTick se ejecuta antes que las promises. 3) Las microtasks se vacían por completo entre cada callback. 4) El loop visita timers, luego poll, luego check, en ese orden.

¿Para quién es?

Para quien aprende Node.js, desarrolladores frontend que pasan al backend y quienes se preparan para entrevistas técnicas. No hay que instalar nada: todo corre en tu navegador.

Consejo de Desarrollo

Predice primero, mira después. Adivinar la salida antes de dar play construye el modelo mental mucho más rápido que solo mirar.