ES6新增声明let、const

ES6新增声明let、const

ES6：全称 ECMAScript 6，是于2015年正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。
了解ES6中新增的两个声明命令let及const，和两者区别。

let声明

let命令，用来声明变量

 		let x = 1;
        console.log(x);  // 输出 1

这样可看和var声明没啥区别，但是新增它肯定是有别的用处。
1、我们再看：

		console.log(x); // 报错 ReferenceError（引用错误）：初始化前无法访问“x”
        let x = 1;

这样我们可以得到，let是不会提前声明的。
2、

if(true) {
           let x = 1;
        }
        console.log(x); // 报错 ReferenceError（引用错误）: x 未定义

这样我们可以得到，let只在当前所在的块级作用域起作用。
3、

if(true) {
           let x = 1;
           x = 2 ; 
           console.log(x); // 2
        }

这样我们可以得到，let声明的变量可以重新赋值。
4、

if(true) {
           let x = 1;
           let x = 2 ; 
           console.log(x);  // 报错 SyntaxError（语法错误）：标识符“x”已声明
        }

这样我们可以得到，let声明的变量不能重复声明。

总结let声明变量的特点：
1、let声明的变量不存在变量提升。
2、let声明的变量只在当前所在的块级作用域起作用。
3、let声明的变量可以重新赋值，但是不能重复声明。
4、暂时性死区（let声明之间叫死区）。
5、在全区作用域中声明但不属于全局对象属性。

既然let有独立的作用域，解决函数闭包问题。如下：
给3个input都绑定点击事件：

<input type="button" value="1" class="btn">
    <input type="button" value="2" class="btn">
    <input type="button" value="3" class="btn">
    <script>
        var btn = document.getElementsByClassName('btn');// 获取所有的input
        for(var i=0;i<btn.length;i++){
        btn[i].onclick=function(){console.log(i+1);}
    }   
    </script>

1.这样写的话我们不管点击哪一个控制台只会打印最后一个数字4，
2.前面的123都被覆盖掉了，点那个按钮都打印4

const声明

注： const和let很像，但是前者声明常量，后者声明变量。还有区别见如下：
1、

		{
            const x = 1;
            x = 2;
            console.log(x); // 报错 TypeError（类型错误）：常量变量赋值
        }

这样我们可以得到，const声明之后不能再改变。
2、

		{
            const x;
            x = 2;
            console.log(x); // 报错 SyntaxError（语法错误）：常量声明中缺少初始值设定项
        }

这样我们可以得到，const即声明即赋值。

总结const声明特点：
1、const声明之后不能再改变。
2、const即声明即赋值。
3、和let很像但也有区别。

OVERRRRRRRRRRR！