Review (TL;DR)
Scope is the set of rules that determines where and how a variable (identifier) can be looked-up. This look-up may be for the purposes of assigning to the variable, which is an LHS (left-hand-side) reference, or it may be for the purposes of retrieving its value, which is an RHS (right-hand-side) reference.
LHS references result from assignment operations. Scope-related assignments can occur either with the =
operator or by passing arguments to (assign to) function parameters.
The JavaScript Engine first compiles code before it executes, and in so doing, it splits up statements like var a = 2;
into two separate steps:
First,
var a
to declare it in that Scope. This is performed at the beginning, before code execution.Later,
a = 2
to look up the variable (LHS reference) and assign to it if found.
Both LHS and RHS reference look-ups start at the currently executing Scope, and if need be (that is, they don’t find what they’re looking for there), they work their way up the nested Scope, one scope (floor) at a time, looking for the identifier, until they get to the global (top floor) and stop, and either find it, or don’t.
Unfulfilled RHS references result in ReferenceError
s being thrown. Unfulfilled LHS references result in an automatic, implicitly-created global of that name (if not in “Strict Mode” [^note-strictmode]), or a ReferenceError
(if in “Strict Mode” [^note-strictmode]).
Quiz Answers
function foo(a) {
var b = a;
return a + b;
}
var c = foo( 2 );
Identify all the LHS look-ups (there are 3!).
c = ..
,a = 2
(implicit param assignment) andb = ..
Identify all the RHS look-ups (there are 4!).
foo(2..
,= a;
,a + ..
and.. + b
[^note-strictmode]: MDN: Strict Mode