JavaScript中var，let，const的区别

目录

一、前言 

二、使用var声明变量

1、var 声明的变量是函数作用域

2、var声明的变量会有变量提升

3、全局作用域中声明的变量会被挂载到全局对象的window中，

4、同一作用域下，可以重复声明相同的变量名

三、使用let声明变量

1、使用let声明的变量具有块级作用域的特点

2、let声明的变量有暂时性死区，没有变量提升，必须先声明再使用，

3、全局作用域中使用let声明的变量不会挂载到window对象中

4、同一作用域下不能使用let重复声明相同的变量

四、使用const声明常量

1、const声明常量必须赋初始值

2、const声明的常量不能更改

3、const的其他特性 

五、JavaScript中声明变量的其他方式

六、var、let、const的简单应用实例

1、for循环中的let和var

 3、const的使用

七、推荐使用的声明方式

1、不推荐使用var，推荐使用let和const

2、优先使用const,其次是let

八、总结

---

一、前言 

自ES6（ECMAScript2015）出来后，JavaScript中又多了两种声明变量的关键字，let和const；但是const声明的变量通常是常量，因为一旦声明便不可改变。那么这三种方式使用哪一种比较好呢？它们之间又有什么区别呢？接下来说一下我的理解。

二、使用var声明变量

var是ECMAScript规范中最早用于声明变量的关键字，一直延用自今。但是自从ES6规范中又增加了两种方式之后，var声明变量再也不是唯一的和最佳的选择了。那么var声明的变量到底有什么特点呢？

1、var 声明的变量是函数作用域

var声明的变量具备函数作用域的特点，在函数内部声明的变量只能在函数作用域内部使用，在函数外部不能访问。但是，在函数内部可以访问函数外部的全局作用域中的变量。关于这一点，可以详细学习一下作用域和作用域链。这里不在赘述。

<script>
       var num="333";
       function fun(){
           var age=23;//在函数内部声明，在函数外部不能访问
           console.log(age)//23
           console.log(num);//333,函数内部可以访问全局作用域中的变量num
       }
       fun();
       console.log(age);//报错Uncaught ReferenceError: age is not defined,不能访问函数内部的变量
</script>

2、var声明的变量会有变量提升

在全局作用域中，var声明的变量会被提升到全局作用域的最顶端，在局部作用域中声明的变量会被提升到局部作用域的最顶端

    <script>
      console.log(num);//undefined
       var num="333";
       function fun(){
           console.log(age);//undefined
           var age=23;
       }
       fun();
    </script>

在上面这段代码中，定义了一个全局变量num，在函数fun中定义可一个局部变量age。但是，都是在变量被声明之前使用打印变量num和age的。但是结果并没有报错，而是undefined。说明变量num和age都被提升到变量当前作用域中的最顶端了。可以在变量声明之前使用变量。但是没有多大的意义。

虽然两个变量在声明的时候都赋有初始值，但是初始值并没有没打印出来。这是因为，使用var声明的变量会被提升，但是但是变量的赋值并不会被提升。

3、全局作用域中声明的变量会被挂载到全局对象的window中，

以下这段代码分别打印：96,96，true。

<script>
        var num=96;
        console.log(num)//96
        console.log(window.num);//96
        console.log(num===window.num)//true
</script>

4、同一作用域下，可以重复声明相同的变量名

同一个作用域下可以使用var声明相同名称的变量，前面的值会被后面的值覆盖，使用时使用最后声明的变量

<script>
   var a=23;
   var a=56;
   var a=98;
   console.log(a);//98
</script>

三、使用let声明变量

1、使用let声明的变量具有块级作用域的特点

ES6 新增的 let 关键字跟 var 很相似，但它的作用域是块级的，这也是 JavaScript 中的新概念。块级作用域由最近的一对包含花括号{}界定。换句话说，if 块、while 块、function 块，甚至连单独 的块也是 let 声明变量的作用域。在变量的作用域之外，无法访问变量，会报错

    <script>
        {
            let num='36';
            console.log(num);//36
        }
        console.log(num);//报错：ReferenceError 


        if(true){
            let num1=23;
            console.log(num1);//23
        }
        console.log(num1);//报错：ReferenceError 


        while(true){
            let num3=69;
        }
        console.log(num