ES6中的let与const---let与var的区别---详解

let是ES6中新增的，是对变量的声明。与var用法类似，但是大有不同。

1. let不允许重复声明变量，var可以

var a = 1;
var a = 2;
console.log(a); //输出结果为 2

let b = 2;
let b = 3;
console.log(b);  //报错

但是，如果let声明了一个变量，变量的值可以改变。

let b = 2;
b = 3;//这里是赋值，不是声明
console.log(b);  //3   

2. let没有变量提升，也就是不会在预解析的时候进行解析。

console.log(a);//undefined
var a;
        
console.log(b);
let b;   //报错

3. 声明的变量只在let命令所在的代码块内{}有效。

for(let i = 0; i < 3; i++){
      i = i;
}
console.log(i); //ReferenceError: i is not defined

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

ES6中允许块作用域任意嵌套，外层无法访问内层的变量。但是内层可以访问外层，也就是子级访问父级；

        {
            let a = 1;
            {
                console.log(a);  //1
                {
                    console.log(a);  //1
                }
            }
        }

        {
            console.log(a); //ReferenceError: a is not defined
            {
                let a = 1;
            }
        }

        {
            console.log(a); //undefined
            {
                var a = 1;
            }
        }

注意：上面代码结果为undefined，是因为预解析，var a变量提升；

在下面for循环中，如果使用var，将返回5。

var arr = [];
for(var i = 0; i < 5; i++){
    arr[i] = function(){
        console.log(i);
    }
}
arr[3](); // 输出5；

因为，var 声明的i是一个全局变量，i 的值随着每次循环发生改变，但是function里面的 i 都是指向同一个 i，那就是全局的变量 i，也就是说返回的是循环结束后最终的 i 的值5。

用白话来说的话就是，每次循环都给数组增添了一个值，随着循环的进行，已经加入到数组了，每个值都是一个函数，每个函数都是function(){console.log(i)};for循环在一瞬间就完成了，当去调用函数时，函数让输出i，i指向全局，此时循环结束 var i = 5;所以最终返回5。

如果将for循环的var声明改成let声明，那么将会返回3。

var arr = [];
for(let i = 0; i < 5; i++){
    arr[i] = function(){
        console.log(i);
    }
}
arr[3](); // 输出3；

这是因为如果i用let来声明，那么当前的i只在本轮循环有效，每次的循环都是重新定义i。那么重新定义的话为什么i的值不一直是0？这是因为javascript引擎内部会记住上一次循环的值，再进行初始化时，是按照上一次循环的基础进行计算。

此外，在for循环中，设置循环变量那部分是一个父级作用域，而循环内部是一个单独子作用域。

for(let i = 0; i < 2; i++){
    let i = 200;
    console.log(i); 
    //200
    //200
}

for循环的内部是一个子作用域，let声明只在该代码块有效，所以外层let不受影响，循环2次。

硬性标准：代码块{}内，let声明的变量就绑定在这个区域，不再受外部的影响。

 

 

 

 

再来说说 const

const也ES6新增的定义常量的关键字。注意：一旦声明，常量的值不能改变的！

1. 常量一定要赋值，否则报错

const a;
console.log(a); //SyntaxError: missing = in const declaration

2. 常量的值不能改变，改变会报错

const a = 10;
a = 99;
console.log(a); //TypeError: invalid assignment to const `a'

3. 常量不能重复声明，否则报错

const a = 10;
const a = 99;
console.log(a); //SyntaxError: redeclaration of const a

其他特点和let一样