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

Understanding Local and Global Variables in JavaScript

  Author : Shailendra Chauhan
Posted On : 22 Sep 2013
Total Views : 18,990   
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 (0)
23 MAY
Xamarin Forms : Build Cross-platform Apps (Online)

09:00 PM-11:00 PM IST(+5.30 GMT)

Know More
5 MAY
ASP.NET MVC with Angular4 Development (Online)

06:30 AM-08:30 AM IST(+5.30 GMT)

Know More
29 APR
Xamarin Forms : Build Cross-platform Apps (Classroom)

5:00 PM-6:30 PM

Know More
29 APR
ASP.NET MVC with Angular2 Development (Classroom)

9:30 AM-11:00 AM

Know More
27 APR
ASP.NET Core Development (Online)

07:00 AM - 09:00 AM IST( TUS, THR)

Know More
22 APR
NodeJS Development (Classroom)

11:00 AM-12:30 PM

10 APR
Master Class ASP.NET MVC 5 with Angular2 Plus Angular4 Development (Online)

09:00 PM - 11:00 PM IST (M/W/F)

8 APR
MEAN Stack 2 Development (Classroom)

11:00 AM-12:30 PM

25 MAR
Xamarin Forms : Build Cross-platform Apps (Classroom)

8:00 AM-9:30AM

21 MAR
ASP.NET MVC with Angular2 Development (Online)

09:00 PM - 11:00 PM IST( TUS, THR, SAT)

25 FEB
ASP.NET MVC with Angular2 Development (Classroom)

03:30 PM-05:30 PM

24 FEB
Angular 2 with Type Script (Online)

09:00 PM-11:00 PM IST(Mon,Wed,Fri)

BROWSE BY CATEGORY
 
 
LIKE US ON FACEBOOK
 
+