Tell me about the Event Loop: what does it consist of and how does it work?

Event Loop is a mechanism in JavaScript and other single-threaded environments that allows asynchronous operations to be processed without blocking the main thread.

It consists of:

• Call Stack — the stack of function calls currently being executed.
• Callback Queue (Task Queue) — a queue of callbacks ready to be executed.
• Event Loop — a cycle that checks if the Call Stack is empty, and if so, takes the next callback from the queue and pushes it onto the stack.

How it works:

1. Synchronous code runs first, functions are pushed onto and popped off the call stack.
2. Asynchronous operations (timers, network requests) after completion place their callbacks into the queue.
3. The Event Loop constantly checks if the call stack is empty.
4. If it is, the Event Loop takes the first callback from the queue and pushes it onto the stack for execution.

This allows JavaScript to efficiently handle asynchronous events without blocking the interface or creating additional threads.