DEV Community

Rahul Vijayvergiya
Rahul Vijayvergiya

Posted on • Updated on • Originally published at rahulvijayvergiya.hashnode.dev

Understanding the Node.js Event Loop

This post was initially published on my blog. Check out the original source using the link below:

Understanding the Node.js Event Loop

This article delves into how Node.js utilizes the event loop, stack, and execution context to run a program.

favicon rahulvijayvergiya.hashnode.dev

Node.js is known for its non-blocking, asynchronous nature, which is made possible by its event-driven architecture. At the heart of this architecture lies the event loop, which, along with the call stack and execution context, orchestrates the execution of code in a Node.js application. This article delves into how Node.js utilizes the event loop, stack, and execution context to run a program.

The Execution Context

Before diving into the event loop, it's crucial to understand the execution context. An execution context is an abstract concept that holds information about the environment within which the current code is being executed. In Node.js, there are primarily two types of execution contexts:

1. Global Execution Context

: This is the default context in which code runs when a Node.js program starts. It creates the global object and sets up the environment.

2. Function Execution Context

: Each time a function is invoked, a new execution context is created for that function. This context contains the function's arguments, local variables, and a reference to the outer environment.

The execution context follows a lifecycle that includes creation and execution phases. During the creation phase, the lexical environment is set up, including variable and function declarations. In the execution phase, the code is executed, and variables are assigned values.

The Call Stack

The call stack is a data structure that keeps track of the execution context. It operates on a last-in, first-out (LIFO) principle. When a function is called, a new execution context is created and pushed onto the stack. When the function returns, its execution context is popped from the stack.

For example:

function foo() {
  console.log('foo');
  bar();
}

function bar() {
  console.log('bar');
}

foo();

Enter fullscreen mode Exit fullscreen mode

The call stack operations for this code would look like this:

  1. foo() is called, its context is pushed onto the stack.
  2. Inside foo(), console.log('foo') is executed.
  3. bar() is called, its context is pushed onto the stack.
  4. Inside bar(), console.log('bar') is executed.
  5. bar() finishes, its context is popped from the stack.
  6. foo() finishes, its context is popped from the stack.

The Event Loop

The event loop is the core of Node.js's asynchronous capabilities. It allows Node.js to perform non-blocking I/O operations despite the fact that JavaScript is single-threaded. The event loop continuously checks the call stack and the callback queue, deciding what to execute next.

Here's how the event loop operates with asynchronous code:

1. Call Stack and Asynchronous Operations: When an asynchronous operation (like setTimeout, Promise, or I/O) is initiated, its callback is not executed immediately. Instead, the operation is handed off to the Node.js APIs, and the function's execution context is popped off the call stack.

2. Callback Queue (Macrotasks): Once the asynchronous operation is complete, its callback is placed in the callback queue (also known as the macrotask queue). This queue holds tasks like setTimeout callbacks, setInterval callbacks, I/O callbacks, and more.

3. Microtask Queue: In addition to the callback queue, there is a microtask queue, which holds microtasks like resolved Promise callbacks and process.nextTick callbacks. Microtasks have higher priority and are processed before the macrotasks.

4. Event Loop Execution:

  • The event loop first checks if the call stack is empty.
  • If the call stack is empty, it processes all the microtasks in the microtask queue.
  • After the microtask queue is empty, the event loop picks the first callback from the macrotask queue and pushes its execution context onto the call stack, executing it.
  • This process repeats, with the event loop continuously checking the call stack and processing microtasks and macrotasks as they become available.

Example: Asynchronous Code Execution
Consider the following code:

console.log('Start');

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

Promise.resolve().then(() => {
  console.log('Promise callback');
});

console.log('End');

Enter fullscreen mode Exit fullscreen mode

Here’s how the event loop handles this code:

  1. The global execution context is created and pushed onto the stack.
  2. console.log('Start') is executed, and "Start" is printed.
  3. setTimeout schedules the callback and hands off the operation to Node.js APIs.
  4. The Promise is resolved immediately, and its then callback is placed in the microtask queue.
  5. console.log('End') is executed, and "End" is printed.
  6. The call stack is now empty, so the event loop processes the microtask queue. The Promise callback is executed, printing "Promise callback".
  7. After the microtask queue is empty, the event loop processes the macrotask queue. The setTimeout callback is executed, printing "Timeout callback".

Conclusion
Node.js's ability to handle asynchronous operations efficiently is powered by the event loop, the call stack, and execution contexts. By understanding how these components interact, developers can write more efficient and effective Node.js applications. The event loop ensures that non-blocking operations are handled seamlessly, allowing Node.js to perform high-throughput, I/O-heavy operations without getting bogged down.

Top comments (0)