What does “var” do in JavaScript? Why is it sometimes part of an assignment? [duplicate]

Answer 1

foo = 1 will put foo in the last scope where foo was defined, or the global scope. var foo = 1 will put the variable in the current scope (i.e. the current function).

Answer 2

In first case foo will be available in the same scope where it is defined, i.e. it will be local variable. In second case foo is a global variable, located in global scope.

Answer 3

Basically, var declares a variable and you can also assign to it at the same time.

Without var, it's assigning to the variable. Assigning will either assign to an existing variable or create a global variable of that name then assign to it.

Outside of functions, that means there's no real difference (in principal) if the variable does not already exist. Both create the global variable foo in that case.

Within a function, there's a huge difference. The first creates a variable local to the function regardless of whether or not it exists elsewhere.

The second will create a global variable if it doesn't exist, or simply change the value if it does exist.

In order to keep code as modular as possible, you should always use var unless you are specifically wanting to change existing global variables. That means declaring all globals outside of functions with var and declaring all locals with var.