CODEWITHSUNDEEP
javascriptglobal-variablesscopelocal-variables
GirginSoft
GirginSoft

Reputation: 376

Passing local variable with name of a global variable isn't possible in JS?

foo = "foobar";
var bar = function(){
    var foo = foo || "";
    return foo;
}
bar();`

This code gives a result empty string. Why cannot JS reassign a local variable with same name as a global variable? In other programming languages the expected result is of course "foobar", why does JS behave like that?

Upvotes: 5

Views: 4671

Answers (2)

Mchl
Mchl

Reputation: 62377

Once interpreter sees var foo it assumes foo is a local variable. Why? The answer is simple: because that's how this language has been constructed. (and no, it is not the only language that works this way)

Upvotes: 2

Wladimir Palant
Wladimir Palant

Reputation: 57651

That's because you declared a local variable with the same name - and it masks the global variable. So when you write foo you refer to the local variable. That's true even if you write it before the declaration of that local variable, variables in JavaScript are function-scoped. However, you can use the fact that global variables are properties of the global object (window):

var foo = window.foo || "";

window.foo refers to the global variable here.

Upvotes: 27

Related Questions