val let 和 const 的区别

1. - val -

      1.用val声明的变量即使是全局变量，也是顶层变量

     * 顶层对象，在游览器环境指的是window对象。

     * var a = 10;

       console.log(window.a) // 10

        val是存在变量提升的。let const不存在变量提升

       2. 使用val,我们能够对一个变量进行多次声明，后面声明的变量会覆盖前面的变量声明

         var a=20

         val a=30

         console.log(a)// 30

       

      3.  在函数中使用val声明变量的时候，该变量是局部变量

            var a=20

            function change(){

                val a=30

            }

        change()

        console.log(a) // 30

      4.  如果在函数内不使用val ,该变量是全局的

        var a=20

        function change(){

             a=30

        }

        change()

        console.log(a) // 30

        2.-let-

        let 是es6新增的命令，用来声明变量

        用法类似于val ，但是所声明的变量，只在let命令所在的代码块内有效

        不存在变量提升 let声明变量前，该变量不能使用（暂时性死区）

        console.log(a); // ReferenceError: a is not defined

        let a = 10;

        只在所在的代码块内有效，在块级作用域内有效

        let 不允许在相同的作用域从复声明，这样会报错，不同作用域有从复声明不会报错

        3.-const-

        const 声明一个只读的变量，声明后，值就不能改变

        const a =20

        a=20

        cosnt一旦声明变量必须初始化不能留到以后赋值

        const 并不是变量的值不能改动，而是变量指向的内存地址所保存的数据不能改动

        如果之前用val或者let声明过的变量，在用const声明同样也会报错

        4.-区别-

        1-变量提升-

        var存在变量提升 即变量可以在声明之前调用，值为undefined，

        let const不存在变量提升 ，他们所声明的变量一定要在声明后使用 否则报错
 

        2-暂时性死区-

        val不存在暂时性死区

        let和const存在暂时性死区，只有等到声明变量的那一行代码出现，才可以获取和使用该变量

        3-块级作用域-

        val 不存在块级作用域。

        let 和const存在块级作用域

        4-重复声明-

        var 允许重复声明变量

        let 和 const 在同一个作用域下不允许重复声明变量

 

        5-修改声明变量-

        val 和 let 可以修改声明变量

        const 声明一个只读的常量 一旦声明，常量的值就不能改变