Javascript Odd Scoping Behavior

Question

I\'ve been going through Javascript function scope and have run into this:

var scope = \"global\";

function f(){
    console.log(scope);

    var scope = \"loca         


        

Answer 1

Two-pass parsing. The code will be treated as if it was

function f() {
   var scope;  // var created, but no value assigned. this overrides the earlier global
   console.log(scope);
   scope = 'local';
   console.log(scope);
}

The var's CREATION will be executed as if it was the very first bit of code executed in the function. But the actual assignment operation won't occur until where it normally would.

Answer 2

If you omit the var statement, the first log uses the global variable, which is set with the string "global". There is no other local variable and no hoisting.

1. First log: global variable scope set with "global" content
2. Assignment of new string for the same global variable
3. Second log: global variable scope set with "local" content

Answer 3

Javascript sometimes behaves a bit differently from other languages. Take a look at http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html, they explain it a bit.