【ES6 笔记】var、let、const

最近在整理笔记，先从ES6相关开始，自己写笔记的时候只是将书中重点部分简单记了一下，现在尽量整理成方便理解和阅读的方式。

• 关于变量提升：
  在函数作用域或是全局作用域中通过var关键字声明的变量，无论实际在哪里声明，都会被当成在当前作用域顶部声明的变量，这就是提升机制。

        function getValue(condition){
            //实际相当于在这里定义了 var value; =>变量提升
            if(condition){
                console.log(value) //undefined
                var value = 'blue';  //这里相当于赋值  value=“blue”
                console.log(value) //blue
                return value
            }else{
                console.log(value) //undefined
                return null;
            }
            console.log(value) //undefined
        }

• 关于块级声明：

        function getValue(condition){
            //let或是const关键字定义的变量不会提升，只存在声明的块中，这里访问报错
            if(condition){
                console.log(value)  //变量不会提升，这里访问报错
                let value = 'blue';  
                console.log(value) //blue
                return value
            }else{
                console.log(value)  //变量不会提升，这里变量不存在，这里访问报错
                return null;
            }
            console.log(value) //变量不会提升，这里变量不存在，这里访问报错
        }

• 关于重复声明：
  1. var关键字声明的变量，重复声明的时候，后声明的会覆盖先声明的；
  2. let和const关键字声明的变量，如果在作用域中已经存在了，重复声明的时候就会报错

• 关于修改赋值：
  const关键字声明的是常量，一旦定义，就不能再修改了，也因此在初始化的时候就需要进行赋值，否则会抛错，其他两个关键字可以先声明后赋值，也可以赋值以后再进行修改。

• 关于临时死区：

        console.log(typeof value) //undefined 在声明变量value作用域之外
        if(true){
            console.log(type of value)  //抛错，value变量声明所在的作用域内，变量还没声明，尚在所谓的临时死区中
            //value变量在所在作用域内的临时死区内，在该区域，value变量声明之后，才会从TDZ（temporal dead zone 临时死区）中移出来
            let value = 'blue'
        }

• 关于循环中块作用域绑定：

      for(var i=0;i<10;i++){ 
          //do something 
      }  
      console.log(i) //10
      //由于var声明的变量进行了变量提升，所以循环结束后i仍可以访问

     for(let i=0;i<10;i++){ 
          //do something
     }  
    console.log(i) //报错
    //let声明的变量只在循环中存在，循环结束后，其他地方无法访问该变量       

• 关于全局块作用域绑定：
  在全局作用域下进行以下声明

        var hello = 'hello';
        let  world = 'world';
        console.log(window.hello)//hello
        console.log(window.world)//undefined

       // var变量在全局作用下声明的变量，会覆盖window上的同名属性，而let声明的变量不会修改window上的属性；