When do I use var? [duplicate]

Question

Possible Duplicate:
JavaScript Variable Scope

My understanding it that with in a function if I use var then I have a local variable. If I do not delcare var I now have a global variable.

But what about oustide of functions, what effect does var have?

Answer 1

First of all, it's generally bad practice to use code outside of functions. If nothing else, wrap your code in anonymous functions:

(function(){
    // code
})();

As for what effect var has, it "declares" a variable:

var foo;
alert(foo); // undefined;

vs:

alert(foo); // error: foo is not defined

The reason for this is that the above code is functionally identical to:

alert(window.foo);

without declaring the variable with var, you get a lookup error, the same as trying to access the property of any object that doesn't exist.

Note that one of the oddities of var is that all declarations are pulled to the top of the script, so this will work as well:

alert(foo); // undefined
var foo;

You will also have access to your variable in the window object (though you will also have this by setting the variable without var, e.g. just foo=42):

var foo;
for(var key in window){
   // one of these keys will be 'foo'
}

Answer 2

It is good practice to always use var. Strictly speaking when you are already in the global scope you don't need to but for the sake of code maintainability you should.

Say you have:

foo = 'bar';

But later you decide you want to move this code into a function:

function doSomething() {
    foo = 'bar'; // oops forgot to add var 
}

If you forget to add a var statement you've just created an implicit global. Now if you create a new object in the global scope that is named foo they will cause conflicts with one another.

function doSomething() {
    foo = 'bar'; // Implicit global
}

foo = 'baz';
doSomething();
console.log(foo); // Returns 'bar', not 'baz'

This kind of error is particularly insidious when you forget to use var on something like i in a for loop. Learning to use JSLint can help to avoid these and other problematic logic or syntax errors.

Answer 3

Your question is answered in https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var

Using var outside a function is optional; assigning a value to an undeclared variable implicitly declares it as a global variable. However, it is recommended to always use var, and it is necessary within functions in the following situations:

• If a variable in a scope containing the function (including the global scope) has the same name.
• If recursive or multiple functions use variables with the same name and> intend those variables to be local.

Failure to declare the variable in these cases will very likely lead to unexpected results.

Answer 4

I believe using var outside of a function works the same as not using var: you get a global. The exception to this would be if you are in a class or some other namespace structure, in which it will still define a variable in that locale

Answer 5

i believe you want to create a var whenever you are initializing a variable. As i've coded, when ever i need to initialize a variable, i start it with var. If you declare a variable without the word var, it's always global. If you declare a variable with var, inside a function, it's local to that function. If you create a variable with var outside functions, it will be a global variable.

Answer 6

If you are declaring a global variable and set a value it won't have any practical value, but as mentioned, it's best practice. If however you want to declare a variable without a value, you will need "var".