ES6新特性--var、let、const

一、 var、let、const

var不存在块级做用域，具备变量提高机制。
let和const存在块级做用域，不存在变量提高。在同一做用域内只能声明一次。

## var的说明 ##
function a(flag){
    if(flag){
        console.log(value);      //结果为undefined，已声明但未初始化
        var value=1;
        return value;
    }else{
        console.log(value);      //仍旧能够访问到value;值为undefined
    }
}
//上述代码等价于
function a(flag){
    var value;
    if(flag){
        value=1;
        return value;
    }else{
        console.log(value);      //仍旧能够访问到value;值为undefined
    }
}

## let说明 ##
function a(flag){
    if(flag){
        console.log(value);       // 报错,由于value此时位于TDZ(后面讲)内，没法访问
        let value=1;
        return value;
    }else{
        console.log(value);      //value is not defined
    }
}

## const说明 ##
function a(flag){
    if(flag){
        console.log(value);       // 报错,由于value此时位于TDZ(后面讲)内，没法访问
        const value=1;        //const必须在声明的时候初始化，而且其值没法被从新赋值
        return value;
    }else{
        console.log(value);      //value is not defined
    }
}

二、const在声明时须要赋值且没法修改，但若是常量是对象，则对象的属性能够修改

const obj={
    name:'Alisa',
    age:25
}
obj=23;        //报错
obj.age=23;    //容许修改

三、TDZ暂存性死区
JavaScript引擎在扫描代码发现变量声明时，若是是使用var声明的变量，则讲变量提高至做用域顶部；若是是采用let和const声明的变量，则将其放到TDZ中。访问TDZ中的变量会触发运行时错误，只有执行过变量声明语句后，变量才会从TDZ中移出，而后才能够正常访问。注意：其针对的是let和const所在的块级做用域。

if(flag){
    console.log(typeof value);     //引用错误
    let value='time';
}

console.log(typeof value);         //undefined
if(flag){
    console.log(typeof value);     //引用错误
    let value='time';
}

四、let、const在循环中的应用

//输出0-9
var funcs=[];
for(let i=0;i<10;i++){
    funcs.push(function(){
        console.log(i);
    })
}
funcs.forEach(function(func){
    func();        //输出0-9
})
//将上面的let变为const则会报错，由于i++操做试图修改const声明的常量

//遍历对象
var person={
    name:"Alisa",
    age:23
};
for(let key in person){
    console.log(key);    //输出name、age
}
//将上面的let换位const不会报错，由于每次key的值并不相同，即每次定义一个新的变量

五、var可能修改全局属性（如浏览器环境下的window对象的属性），而let和const不会修改只是遮蔽

var RegExp='hello';
console.log(window.RegExp);       //"hello"
var say='hi';
console.log(window.say);          //"hi"

let RegExp='hello';
console.log(RegExp);       //"hello"
console.log(window.RegExp === RegExp);       //false

const say='hi';
console.log(say);          //"hi"
console.log(window.say);          //undefined

六、实际应用时的tips
使用块级绑定时：声明变量默认采用const，只有确实须要改变变量时才使用let。
在编程过程当中若是须要变量提高则使用var声明变量，不然采用let和const声明变量，以便更好地控制做用域，避免变量的混用、不可控。