ES6新特性 let

一、块级 作用域

if (false) {

    var a=5
}

console.log(a)   //undefind


//若let

if (false) {

    let a = 5
}

console.log(a)   //报错

var没有块级作用域，并且会变量提升；let遵守块级规则，并且不会变量提升

二、书写规范

if (true) var a = 5  可行



//若let

if (true)  let a = 5  报错



if (true) {

    let a = 5        规范写法
}

es6中，let变量的声明规范更加严格。

三、闭包

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

    setTimeOut(()=>{
        console.log(i)
    })
}   


//3 3 3  


//var修正

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

   (function(i){

        setTimeOut(()=>{
    
            console.log(i)

        })

    })(i)

} 

//0,1,2


//let修正


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

        setTimeOut(()=>{
    
            console.log(i)

        })

} 

//0,1,2

由于定时器是异步操作，最后同步执行完后，i的值已经变为3，异步执行任务此时执行，读取的数值全部是3。

var 是采用了闭包优化，应为闭包中的变量是不会释放的，每次执行的结果都保存在了闭包函数中。

let 在编译成es5时，实际也是采用了闭包！在此之前一直被误导是块级作用，很痛苦！直至今天看到es6的编译结果，代码如下：

 

左为es6,右为编译后的es5 。babel编译时，会自动生成闭包函数。

不懂就问？在可直接支持es6的高版本浏览器，其原理是块级作用域！