【无标题】ES6 const var let

一、var定义的缺点
1var不是块级作用域，例如在for循环中

for(var i=0;i<10;i++){
    
}
console.log(i)  //输出10

即在全局中也能访问里面的变量，会污染全局变量
2.var定义变量会变量提升；

if(true){
   console.log(a);//输出的是undefined
   var a=22
}
相当于
if(true){
   var a;
   console.log(a);//输出的是undefined
   a=22
}

3.在for循环中如果有异步任务，他不会为异步绑定变量；比如下面输出的就是10个10

for(var i=0;i<10;i++){
    setTimeout(
	    ()=>{
	    	console.log(i)
	    },1000
    )
}
解决方案：
1秒钟后，同时输出了0-9
（1）利用setTime函数绑定i
for(var i=0;i<10;i++){
    setTimeout(
	    (i)=>{
	    	console.log(i)
	    },1000
    )
}
（2）使用let关键字
for(let i=0;i<10;i++){
    setTimeout(
	    ()=>{
	    	console.log(i)
	    },1000
    )
}
（3）闭包的使用
 (function(i){
            setTimeout(()=> {
                console.log(i) 
            }, 1000)
        })(i);
 (4) 异步输出1-9的数字：每隔1秒输出0-9
  for (let i = 0; i < 10; i++) {
            setTimeout( ()=> {
                console.log(i)
            }, 1000*i)
    }

4.var’可以重复定义；

var a=10;
var a =20;
console.log(a)//输出的是20

二、let const（ES6）
let和const是var的升级版；
能用const就不用let；
能用let就不用var；
const只能保证映射的地址不变，所以使用复杂类型的时候要慎重
1.const具有let包含的所有的特性；但是const一般用与常量的声明，声明一定要有初始值

 const a;  //SyntaxError: Missing initializer in const declaration

2.const定义的常量值不允许被下修改（复杂类型除外）

const a = 0;
a = 1; // TypeError: Assignment to constant variabl

三、总结
1.let和const声明的变量时块级作用域，避免了无意中全局变量污染，更加的灵活安全。另一个好处就是在循环语句中，let关键字为每次循环绑定单独绑定一个变量。
2.let和const没有变量提升，提高了代码的可维护性。
3.let和const不可以重复定义变量，修复var可以重复定义变量，使得变量的定义不再随意任性。
4.let和const定义的变量不属于顶层对象。目的也是为了让变量定义更加自由灵活安全。
5.const声明一个常量的时候，一定要赋值。
6.const声明的常量并非真正意义上的常量，只保证变量名指向的地址不变，并不保证该地址的数

参考：https://zhuanlan.zhihu.com/p/386352401