JS◆ The JavaScript Book
About

Chapter XI · The JavaScript Runtime

JavaScript Runtime

The JavaScript runtime is the overall environment (browser or Node.js) providing the engine, Web APIs, callback queues, and the event loop.

01 How It Works

Think of an engine inside a complete car vehicle system equipped with wheels, steering, and dashboard electronics.

While the engine executes raw JS code, the runtime supplies external features like DOM APIs, network fetch requests, and timer services.

example.js
setTimeout(() => {
  console.log("Async callback executed via runtime environment");
}, 1000);

  1. 1. JavaScript Engine executes core call stack instructions.

  2. 2. Browser/Node Runtime manages asynchronous Web API hooks.

  3. 3. Event loop coordinates tasks back to the engine.

02 Practical Example

Here is how you might see this concept applied in real-world code:

practical.js
// 'window' or 'setTimeout' are provided by the runtime environment, not core ECMAScript spec.
console.log(typeof window !== "undefined" ? "Browser Runtime" : "Node Runtime");

Key Takeaway

The runtime combines the core JavaScript engine with platform-specific APIs and concurrency loops.

Related Concepts