Undefined variables in JavaScript

Question

Here is a JavaScript example from Eloquent JavaScript:

function findSequence(goal) {
  function find(start, history) {
    if (start == goal)
      return history;
    else if (start > goal)
      return null;
    else
      return find(start + 5, "(" + history + " + 5)") ||
             find(start * 3, "(" + history + " * 3)");
  }
  return find(1, "1");
}

At the very beginning "start" and "goal" in line 3 are not defined. Why does the code not immediately return a result like "undefined" or "ReferenceError: ... is not defined"?

user229044 · Accepted Answer · 2011-12-21 16:29:52Z

1

line 3 is just part of the function definition. It is not being executed. The second to last line is the one that kicks off the execution. When it is called, the values 1 and "1" are assigned to parameters start and history. goal is referencing the outer function's parameter. This is populated when the outer function is called.

edited Dec 21, 2011 at 16:29

user229044♦

241k41 gold badges347 silver badges350 bronze badges

answered Nov 15, 2011 at 5:13

Adam Dymitruk

131k28 gold badges149 silver badges143 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

pradeek · Accepted Answer · 2011-11-15 05:11:52Z

0

start and goal are the arguments to the find and findSequence functions in lines 1 and 2

answered Nov 15, 2011 at 5:11

pradeek

22.2k2 gold badges34 silver badges32 bronze badges

Comments

Useless Code · Accepted Answer · 2011-11-15 06:04:05Z

They don't result in errors because by line 3 they are both defined. In JavaScript function parameters are implicitly defined as local variables inside of that function. That is why start is defined and initialized with the value that was passed as the first argument when find is invoked. In the same way goal was defined on line 1 in the function statement that created the findSequence function. goal is accessible inside of the find function via closure. It is a little more complicated but for the purpose of this example, closure means that when a function is defined inside of another function it has access to variables that belong to the parent functions scope.

If you want to learn more about closures (which would be a good idea if you will be writing a lot of JavaScript code) checkout Closing the book on JavaScript Closures, it is a pretty good article about closures. I haven't read the whole thing but this FAQ seems to be quite good too.

Stuart Langridge gave a great lecture called Secrets of JavaScript Closures at the Fronteers Conference '08: Part 1, Part 2

Collectives™ on Stack Overflow

Undefined variables in JavaScript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related