Variable Environment in JavaScript Explained

Variable Environment in JavaScript Explained

The variable environment is the container that holds a function's local variables and declarations. It is part of every execution context.

What It Contains

• Function parameters: bound to the arguments passed in.
• var declarations: hoisted with undefined, assigned during code execution.
• let and const declarations: hoisted but in the TDZ until the declaration line.
• Inner function declarations: stored in full during the memory phase.
• arguments object (in regular functions only): array-like, holds all passed arguments.

Per-Call, Not Per-Function

A new variable environment is created every time the function is invoked. Two calls to the same function do not share locals.

function counter() {
  var count = 0;
  return ++count;
}
counter(); // 1
counter(); // 1, not 2

Each call has its own count, starting at 0. To persist state, use a closure.

Variable Environment vs Scope Chain

• Variable environment: the locals of the current call.
• Scope chain: the chain of outer environment references used to resolve variables not found locally.

The scope chain is built lexically (based on where functions are written), not dynamically (based on who called what).

Example

const globalVar = "G";
function outer() {
  var outerVar = "O";
  function inner() {
    var innerVar = "I";
    console.log(innerVar, outerVar, globalVar); // I, O, G
  }
  inner();
}
outer();

When inner runs, its variable environment has innerVar. The scope chain is inner -> outer -> global, so outerVar and globalVar resolve by walking up.

Hoisting Lives Here

Hoisting is the act of populating the variable environment during the memory phase. var becomes undefined, function declarations become full functions, let/const sit in the TDZ.

The Takeaway

The variable environment is the per-call container for a function's locals: parameters, var, let, const, inner functions, and arguments. It is populated during the memory phase (hoisting). The scope chain resolves variables not found in the local environment by walking up lexical parents.