ES6中let和var声明变量的区别,let关键字声明块级变量

相关阅读:ES6常量的定义,分类和作用

ES6中增加了let关键字声明变量，声明的变量只在当前代码块中生效（块级作用域）。

<script>
    if(true){
        let i=0;
        console.log(i);
    }
  console.log(i);//报错
</script>
<script>
    for(let i=0; i<=6; ++i){
        console.log(i);
    }
    console.log(i);//报错
</script>

使用let声明的变量可以重新赋值,但是不能在同一作用域内重新声明

<script>
    // let声明的变量可以重新赋值
    {
        let a = 1;
        console.log(a);
        a = 2;
        console.log(a);;
    }
</script>

<script>
  // let声明的变量不能在同一作用域重新声明，直接报错 预解析错误
  {
    let a = 1;
    console.log(a);
    let a = 2;
    console.log(a);
}
</script>

let声明变量和var声明变量的区别:

(1)作用域不一样,var是函数作用域，let是块作用域。

while(1){
let let1 = 2;
var var1 = 2;
}
alert(let1); //不可访问
alert(var1); //可以访问

(2)let不能在定义之前访问该变量，但是var可以。

(3)let不能被重新定义，但是var是可以的

let的特性:

(1)let变量没有变量提升

(2)let变量不能重复声明

(3)应用：let声明变量解决i丢失的问题

var arr = [3,4,5,6,7];

for(var i=0; i<arr.length; i++){
    (function(i){
        setTimeout(function(){
            console.log(i);
            //console.log(arr[i]);
        }, 1000);
   })(i);  //ES5中var声明解决for循环i丢失的问题只能用函数的自调用,
}


for(let i=0; i<5; i++){
        //设置定时器，1秒后，输出循环变量i的值
        //每次循环，都会产生一个块级作用域，其中的块级变量i 互相不影响
        setTimeout(function(){
            console.log(i);
        }, 1000);
    } //用let声明变量因为块级作用域,可以直接解决i变量丢失问题

总之呢，let从规范化的角度来说，要比var要进步了很大一步。