var/let/const区别

•  var（ES5特性）:

          ①　用于全局定义，没有块级作用域，只有函数作用域；

          ②　会有变量提升；

          ③　会挂载在window上；

          ④　允许重复声明；

          for(var i = 0;i < 10 ; i++){

              setTimeout(function(){

                  /*10 10 10 10 10 10 10 10 10 10[变量 i 是用 var 声明的，在全局范围内有效，所以全局中只有一个变量 i, 每次循环时，setTimeout 定时器里面的 i 指的是全局变量 i ，而循环里的十个 setTimeout 是在循环结束后才执行，所以此时的 i 都是 10。]*/

                 console.log(i);        

            })

          }

• let（ES6的新特性）：

          ①　基本可代替var，但是在块级作用域中起作用；

          ②　不会有变量提升；

          ③　不会挂载在window上；

          ④　不允许重复声明；

             for(let i = 0;i < 10 ; i++){

              setTimeout(function(){

               /*0 1 2 3 4 5 6 7 8 9[变量 j 是用 let 声明的，当前的 j 只在本轮循环中有效，每次循环的 j 其实都是一个新的变量，所以 setTimeout 定时器里面的 j 其实是不同的变量，即最后输出 12345。（若每次循环的变量 j 都是重新声明的，如何知道前一个循环的值？这是因为 JavaScript 引擎内部会记住前一个循环的值）]*/

                 console.log(i);          //0 1 2 3 4 5 6 7 8 9

            })

          }

• const（ES6的新特性）

          ①　const通常用于定义常量和对象，如下：

                 const obj={

                    name:”张三”,

                   age:14

               }

          //若修改obj的属性，可直接赋值

         obj.name=”李四”;

        console.log(obj.name);//李四

  //由于对象是引用类型，可以修改数据内部结构

  【注】有一方法freeze，可将对象obj冻结，使之无法改变属性值，用法如下：

       Object.freeze(obj)

       obj.name=”李四”;

       console.log(obj.name);//张三