Facebook Twitter Instagram
    TecAdmin
    • Home
    • FeedBack
    • Submit Article
    • About Us
    Facebook Twitter Instagram
    TecAdmin
    You are at:Home»Programming»JavaScript»What is difference between var, let and const in JavaScript?

    What is difference between var, let and const in JavaScript?

    By RahulJune 30, 20223 Mins Read

    A variable declaration is simply telling the computer that a variable exists and what value it should start with. Similar to other programming languages JavaScript also allows for the declaration of variables.

    Advertisement

    There are three keywords in JavaScript that can be used to declare variables: let, var, and const. Each keyword has different rules and implications for how the variables they create can be used.

    1. let: The let keyword declares a block-scoped local variable, optionally initializing it to a value.

      Block-scoped means that the variable is only available within the block it was declared in, which is usually denoted by curly braces {}.

    2. var: The var keyword declares a function-scoped or global variable, optionally initializing it to a value.

      Function-scoped means that the variable is only available within the function it was declared in. Global variables are available throughout your entire code.

    3. const: The const keyword declares a block-scoped, immutable constant variable, i.e. a variable that can’t be reassigned.

      Constants are also called “immutable variables”, but that’s a bit of a misnomer since they are actually variables – just ones that can’t be reassigned.

    What is difference between var, let and const?

    The var keyword is the oldest way of declaring variables in JavaScript and is supported by all browsers. The let and const keywords are newer additions to the language and are not supported by older browsers.

    If you need to support older browsers, you can use var instead of let or const. If you don’t need to support older browsers, you can use let or const. If you want your variable to be immutable, use const.

    Here are some examples:

    1
    2
    3
    4
    5
    6
    7
    var x = 1;
    let y = 2;
    const z = 3;
     
    x = 4; //OK
    y = 5; //OK
    z = 6; //Error

    As you can see, var and let variables can be reassigned, but const variables can not.

    Another difference between var and let/const is that var variables are function-scoped, while let and const variables are block-scoped.

    This means that var variables are only available within the function they were declared in. For example:

    1
    2
    3
    4
    5
    6
    function foo() {
      var x = 1;
    }
     
    foo();
    console.log(x); // ReferenceError: x is not defined

    On the other hand, let and const variables are only available within the block they were declared in. For example:

    1
    2
    3
    4
    5
    6
    7
    8
    function foo() {
      let y = 2;
      const z = 3;
    }
     
    foo();
    console.log(y); // ReferenceError: y is not defined
    console.log(z); // ReferenceError: z is not defined

    So, to sum up, the main differences between var, let and const are:

    • var is function-scoped while let and const are block-scoped.
    • var variables can be reassigned while let and const variables can not.
    • var variables are declared using the var keyword while let and const variables are declared using the let and const keywords respectively.
    • const variables are immutable while let and var variables are not.

    js variable
    Share. Facebook Twitter Pinterest LinkedIn Tumblr Email WhatsApp

    Related Posts

    Mastering Functions in JavaScript: Essential Concepts and Techniques for Efficient Code

    Master JavaScript: 10 Essential Examples to Boost Your Programming Skills

    What are the Python Static Variables

    View 2 Comments

    2 Comments

    1. Kawsarul alam Rifat on November 25, 2022 4:45 pm

      var and let variables can be reassigned while const variables can not. ****************************

      Reply
      • naim on December 17, 2022 6:52 am

        reassigned

        Reply

    Leave A Reply Cancel Reply

    Advertisement
    Recent Posts
    • Setting and Getting the Default Timezone in Python
    • What is Media Access Control (MAC) Address?
    • What is Cross-Site Scripting (XSS)?
    • What is Content Security Policy (CSP)?
    • A User’s Guide to Understanding Redirection Operators in Bash
    Facebook Twitter Instagram Pinterest
    © 2023 Tecadmin.net. All Rights Reserved | Terms  | Privacy Policy

    Type above and press Enter to search. Press Esc to cancel.