JS◆ The JavaScript Book
About

Chapter XI · The JavaScript Runtime

JavaScript Engine

A JavaScript engine (like Google's V8, SpiderMonkey, or JavaScriptCore) is a program that translates source code into machine code.

01 How It Works

Think of a high-speed translation computer chip converting foreign language scripts into native commands on the fly.

The engine contains a call stack for execution control and a memory heap for data allocation, powered by JIT (Just-In-Time) compilation tiers.

example.js
// V8 compiles this JavaScript into native machine code dynamically via JIT compilation.
function compute() {
  return 42 * 2;
}

  1. 1. Parser analyzes code text to build an Abstract Syntax Tree.

  2. 2. Interpreter (Ignition in V8) generates bytecode quickly.

  3. 3. Optimizing compiler (TurboFan in V8) profiles code and compiles hot functions into optimized machine code.

02 Practical Example

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

practical.js
// High-frequency invocation triggers JIT optimization inside the engine.
function loopTest() {
  let sum = 0;
  for(let i = 0; i < 1000; i++) sum += i;
  return sum;
}
loopTest();

Key Takeaway

Engines use interpreters and JIT compilers to execute JavaScript code efficiently at runtime.

Related Concepts