JavaScript · Execution Context · Mid-Level · Comparison
Explain the difference between Lexical Environment and Variable Environment in an execution context.
Short Interview Answer
Variable Environment historically tracked `var`/function bindings; Lexical Environment tracks `let`/`const` and block scopes. Both link to an outer environment.
Detailed Explanation
Per the ECMAScript spec, an execution context has a LexicalEnvironment and a VariableEnvironment component. In practice: VariableEnvironment is where `var` declarations and function declarations in the function body are recorded. LexicalEnvironment starts as a copy of that for the function, but `let`/`const` and block statements (`{}`, `catch`, etc.) push new declarative environments onto the LexicalEnvironment chain without changing VariableEnvironment. That is why `var` ignores block boundaries inside a function, while `let` is block-scoped. Both environments have an outer reference used for identifier resolution (scope chain).
Interview Tip
If the interviewer wants depth, relate this to why `var` in a `for` loop shares one binding while `let` gets per-iteration bindings.
Common Mistake
Treating Lexical Environment and scope as identical terms without mentioning environment records and outer links.