Is var necessary when declaring Javascript variables?

JavascriptVariables

Javascript Problem Overview


> Possible Duplicate:
> Javascript: is using 'var' to declare variables optional?

When creating variables in javascript is adding "var" before the variable name a must?

For example instead of

var message = "Hello World!"

can I use

message = "Hello World!"

?

I notice that scripts like Google Adsense don't use var

Example:

google_ad_width = 160;
google_ad_height = 600;
google_color_border = "000000";
google_color_bg = "ffffff";

Javascript Solutions


Solution 1 - Javascript

If you don't declare a variable (explicitly creating it in the current scope) using var, let or const then (in non-strict mode) you create an implicit global.

Globals are a fantastic way to have different functions overwriting each other's variables (i.e. they make code a pain to maintain).

If you use var, the scope of the variable is limited to the current function (and anything inside it — it is possible to nest functions).

(const and let scope constants and variables to the current block instead of the function, this usually makes variables even easier to manage than var does.)

Google Adsense uses globals because it splits scripts into two distinct parts (one local and one remote). A cleaner approach would be to call a function defined in the remote script and pass the parameters as arguments instead of having it pick them up from the global scope.


Modern JS should be written in strict mode which bans implicit globals (preferring to explicitly declare them at the top level instead, thus prevent accidental globals when a variable name is typoed).

Solution 2 - Javascript

Yes, you should always use var.

Not using var has two major drawbacks:

  • Accessing a variable within a function that is not defined within that function will cause the interpreter to look up the scope chain for a variable with that name until either it find one or it gets to the global object (accessible in browsers via window) where it will create a property. This global property is now available everywhere, potentially causing confusion and hard-to-detect bugs;
  • Accessing an undeclared variable will cause an error in ECMAScript 5 strict mode.

Also, not using var for global variable is not exactly the same as using var: when using var, the property it creates on the global object has the internal DontDelete attribute, which is not the case without var:

// Next line works in any ECMAScript environment. In browsers, you can
// just use the window object.
var globalObj = (function() { return this; })();

var x = 1;
delete globalObj.x;
alert(x); // Alerts 1, x could not be deleted

y = 2;
delete globalObj.y;
alert(y); // Error, y is undefined

Solution 3 - Javascript

From http://www.updrift.com/article/to-var-or-not-to-var-my-javascript

  1. For global variables, it doesn’t matter, but you may want to use it for consistency.
  2. Always try to use ‘var’ to declare variables in local functions. It makes sure you’re using a local copy of the variable instead of another variable of the same name in a different scope.

For example, the two similar functions here have very different effects:

var myvar = 0;
function affectsGlobalVar(i){
   myvar = i;
}
function doesNotAffectGlobalVar(i){
   var myvar = i;
}

Solution 4 - Javascript

Without var a variable is defined as global.

Solution 5 - Javascript

When adding Google AdSense to your page, you're linking a number of javascript files. The variables are defined in there.

http://pagead2.googlesyndication.com/pagead/show_ads.js should be one of the script references in your page.

Solution 6 - Javascript

> For the unenlightened like myself, > JavaScript basically has two scopes > for variables: global and local. > Variables assigned outside of a > function are global, and variables > assigned inside of a function, using > the var keyword, are local (not rocket > surgery). However, if you leave the > var keyword off, it assigns a global > variable, regardless of where it’s > declared.

From: http://opensoul.org/2008/9/4/the-importance-of-var-in-javascript

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionV777View Question on Stackoverflow
Solution 1 - JavascriptQuentinView Answer on Stackoverflow
Solution 2 - JavascriptTim DownView Answer on Stackoverflow
Solution 3 - JavascriptMatthew VinesView Answer on Stackoverflow
Solution 4 - JavascriptMatTheCatView Answer on Stackoverflow
Solution 5 - JavascriptBabak NaffasView Answer on Stackoverflow
Solution 6 - JavascriptGary WilloughbyView Answer on Stackoverflow