Cuéntame sobre el Event Loop: ¿qué es, cómo funciona?

Event Loop — es un mecanismo en JavaScript y otros entornos de un solo hilo que permite procesar operaciones asíncronas sin bloquear el hilo principal.

Cómo funciona:

1. Hay una pila de llamadas (call stack), donde se colocan las funciones para su ejecución.
2. Las operaciones asíncronas (por ejemplo, temporizadores, solicitudes de red) envían sus callbacks a la cola de tareas (task queue) después de completarse.
3. El Event Loop verifica constantemente si la pila de llamadas está vacía. Si lo está, toma la primera tarea de la cola y la coloca en la pila para su ejecución.

De esta manera, incluso con operaciones asíncronas, el código se ejecuta de forma secuencial, sin bloquear la interfaz de usuario u otros procesos.

Ejemplo:

console.log('Start');
setTimeout(() => {
  console.log('Timeout');
}, 0);
console.log('End');

La salida será:

Start
End
Timeout

Porque el callback de setTimeout entra en la cola de tareas y se ejecuta después de que la pila de llamadas se libere.