Think in JavaScript – The Hard & Conceptual Parts (Full Course)

Three Types of Scope

JavaScript operates with global scope (attached to window/global object), function scope (variables inside functions), and block scope (variables limited to curly braces using let/const).

Parent-Child Access Rules

Inner scopes can access variables from outer parent scopes, but parent scopes cannot access child scope variables, creating a one-way visibility chain.

Var vs Let/Const Behavior

Variables declared with var are function-scoped throughout the entire function body, while let and const declarations respect block scope and are inaccessible outside their immediate curly braces.

Functions as Objects with Scope Links

JavaScript functions are treated as objects that maintain a hidden [[Scopes]] property containing references to their parent environments, visible via console.dir().

Persistent Environment References

Every function maintains a permanent bond to its creation context through lexical scoping, allowing it to resolve variables by traversing up the scope chain.

Closure as Variable Enclosure

A closure is formed when a function captures and retains access to variables from its outer scope, keeping them alive in memory even after the outer function executes.

Nested Function Pattern

The classic closure pattern occurs when an outer function returns an inner function that references the outer function's variables, creating private state.

Browser DevTools Identification

Modern browsers label captured variables as 'Closure' in the scope chain when using console.dir(), making the enclosure mechanism visible in developer tools.