ES6简单总结

1.1块级作用域
​ ES6之前没有块级作用域，ES5的var没有块级作用域的概念，只有function有作用域的概念，ES6的let、const引入了块级作用域,并且它们没有像var那样的变量提升,在同一段代码中不能重复定义。

​ ES5之前if和for都没有作用域，所以很多时候需要使用function的作用域，比如闭包。

1.1.1 什么是变量作用域
​ 变量在什么范围内可用，类似Java的全局变量和局部变量的概念，全局变量，全局都可用，局部变量只在范围内可用。ES5之前的var是没有块级作用域的概念，使用var声明的变量就是全局的。

{
var name = ‘zzz’;
console.log(name);
}
console.log(name);
​ 上述代码中{}外的console.log(name)可以获取到name值并打印出来，用var声明赋值的变量是全局变量，没有块级作用域。

1.1.2 没有块级作用域造成的问题
if块级
var func;
if(true){
var name = ‘zzz’;
func = function (){
console.log(name);
}
func();
}
name = ‘ttt’;
func();
console.log(name);
​ 代码输出结果为’zzz’,‘ttt’,‘ttt’，第一次调用func()，此时name=‘zzz’，在if块外将name置成‘ttt’，此时生效了，if没有块级作用域。

for块级
​ 定义五个按钮，增加事件，点击哪个按钮打印“第哪个按钮被点击了”。

按钮1 按钮2 按钮3 按钮4 按钮5 ​ for块级中使用var声明变量i时，是全局变量，点击任意按钮结果都是“第五个按钮被点击了”。说明在执行btns[i].addEventListener('click',function())时，for块级循环已经走完，此时i=5，所有添加的事件的i都是5。

​ 改造上述代码，将for循环改造，由于函数有作用域，使用闭包能解决上述问题。

  // 使用闭包,函数有作用域
  for (var i = 0; i < btns.length; i++) {
    (function (i) {
      btns[i].addEventListener('click',function (