1.ES6-let与const

let 与 const

在说到let和const之前，我们必须来回顾下var，var声明变量有以下几个特点：
1. 可以重复声明
2. 不能定义常量
3. 不支持块级作用域

一、let

let的特点
1. 支持块级作用域
2. 变量不预解析

1. 常见题解析：
   a. 举例一：

{
    let a = 0;
}
console.log(a);//报错

b. 举例二：

{
    let a = 0;
    {
        console.log(a);//0，当子块没有声明时，用父块的a
    }
}

{
    let b = 0;
    {
        let b = 1;//可行不报错，子块可以重新声明b，但不影响父块的b
    }
}

{
    let c = 0;
    {
        console.log(c);//报错，因为子块有let声明c，但是不支持预解析，故报错
        let c = 1;
    }
}

c. 举例三

for(var i=0;i<3;i++){
    setTimeout(() => {
        console.log(i);
    },1000)
}
//打印结果为3  3  3

for(let j=0;j<3;j++){
    setTimeout(() => {
        console.log(j);
    },1000)
}
//打印结果为0  1  2

上述使用let之后就打印成为了0 1 2
其原理为：

var _loop = function _loop(i){
    setTimeout(function(){
        console.log(i);
    },1000)
}
for(var i = 0;i<3;i++){
    _loop(i);
}

举例四：
在全局作用域下，let和var有一个特殊的地方:

var zhuangzhuang = 1;
console.log(window.zhuangzhuang);//1

let jingjing = 2;
console.log(widnow.jingjing);//undefined

这就说明：在全局作用域下，var的变量是会挂在window下的，而let声明的变量并不会挂在window下(仅浏览器而言)

二、const

const用于定义常量，一旦定义，不能重复赋值，但需要注意以下情况：

const PI = 3.14;
PI = 2;//报错，不能重复赋值

const PI = {'name':'zhuangzhuang'};
PI = {'name':'zz'};//报错，不能重复赋值

const PI = {'name':'zhuangzhuang'};
PI.name = 'zz';//OK，不能重复赋值对象，但是可以改变对象内的属性
console.log(PI);//{'name':'zhuangzhuang'}

const不能重复定义，但是如果为对象，可以改变其属性值