Please enable Javascript to correctly display the contents on Dot Net Tricks!

Understanding Local and Global Variables in JavaScript

 Print 
  Author : Shailendra Chauhan
Posted On : 22 Sep 2013
Total Views : 20,469   
Updated On : 24 Sep 2013
 

Like other programming languages, JavaScript also has local and global variables. But the declaration and scope of a variable in JavaScript is different from others programming languages. In this article, I am going to explain the difference between local and global variables in JavaScript.

Types of Variables in JavaScript

  1. JavaScript Local Variable

    A variable that is declared inside a function definition is called local and has scope to that function only. JavaScript does not support block scope in which a set of curly braces {. . .} defines a new scope.

    <script>
    // Global variable.
    var a = "Dot Net Tricks !";
    function Show() {
     // A local variable is declared in this function.
     var a = "Hello World !";
    
     alert("Value of 'a' inside the function " + a); //Hello World !
    }
    
    alert("Value of 'a' outside the function : " + a); //Dot Net Tricks !
    </script>
    
  2. JavaScript Global Variable

    A variable that is declared outside of a function definition is called a global variable and its scope is throughout your program means its value is accessible and modifiable throughout your program.

    <script >
    // Global variable.
    var a = "Dot Net Tricks !";
    function Show() {
     // A Local variable is declared in this function.
     var a = "Hello World !";
     alert("Value of 'a' inside the function :" + a); //Hello World !
    
     //b will have global scope
     b = "Hello JavaScript !";
     Display();
    }
    
    alert("Value of 'a' outside the function : " + a); //Dot Net Tricks !
    
    function Display() {
     //Since b variable has global scope
     alert("Value of 'b' outside the function : " + b); //Hello JavaScript !
    }
    </script>
    

Note

  1. A variable that is declared inside a function using the var keyword, will have a local scope.

  2. A variable that is declared inside a function without var keyword, will have a global scope means acts like a global variable.

What do you think?

I hope you will enjoy the tips while programming with JavaScript. I would like to have feedback from my blog readers. Your valuable feedback, question, or comments about this article are always welcome.



Free Interview Books
 
COMMENTS
19 AUG
MEAN Stack 2 (Online)
5:30 Pm - 7:00 PM IST (+5:30 GMT)
19 AUG
ASP.NET MVC with Angular4 (Online)
10:30 Am to 12:30 PM IST (+ 5:30 GMT)
19 AUG
NodeJS with Angular4 (Classroom)
05:30 PM to 07:00 PM IST (+5:30 GMT)
12 AUG
Angular2 and Angular4 (Online)
08:00 AM - 10:00 AM IST(+5.30 GMT)
12 AUG
ASP.NET MVC with Angular4 (Classroom)
09:30 AM - 11:00 AM IST (+5:30GMT)
4 AUG
NodeJS with Angular4 (Online)
08:00 PM - 09:30 PM IST(+5.30 GMT)
26 JUL
ASP.NET MVC with Angular4 (Online)
07:00 AM - 09:00 AM IST(+5.30 GMT)
22 JUL
MEAN Stack 2 (Classroom)
04:00 PM - 05:30 PM IST(+5:30GMT)
20 JUL
Hadoop cum Administration (Online)
07:00 AM - 09:00 AM IST(+5:30 GMT)
15 JUL
ASP.NET MVC with Angular4 (Online)
03:30 PM - 05:30 PM IST(+5.30 GMT)
1 JUL
ASP.NET MVC with Angular4 (Classroom)
08:00 AM - 09:30 AM IST
1 JUL
MEAN Stack 2 (Classroom)
11:00 AM - 12:30 PM IST(+5:30 GMT)
30 JUN
Xamarin Forms : Build Cross-platform Apps (Online)
09:30 PM - 11:00PM IST(+5:30GMT)
6 JUN
ASP.NET MVC with Angular4 (Online)
09:00 PM-11:00 PM IST(+5.30 GMT)
LIKE US ON FACEBOOK
 
+