How does the event loop work in JavaScript?

Can you explain how the event loop works in JavaScript?

Sure! The event loop is a mechanism that allows JavaScript to perform non-blocking operations by using a single thread.

How does it handle asynchronous tasks?

It uses a call stack and a message queue. When an asynchronous task is completed, its callback is pushed to the queue.

What happens when the call stack is empty?

When the call stack is empty, the event loop takes the first message from the queue and pushes it onto the stack for execution.

Can you give an example of an asynchronous task?

Sure! A common example is a setTimeout function, which delays the execution of a callback function.