es6中添加块级作用域的目的

Posted 2020-08-16

 原本只有函数作用域和全局作用域两种，这就导致出现很多不方便的地方：

1）for循环问题：在看js高程的时候，纠结在第七章好久，就是一个这样的实例

function createFunctions(){
    var result = new Array();
    for (var i = 0 ; i < 10 ; i ++){
      result[i] = function (){
         return i;
      }  
    }
    return result;
}

　　不管这段代码输出result[i]()中的i是几，结果都是10，这就是没有块级作用域的一个弊端。因为变量i是全局变量，每次循环都是对同一个i变量进行操作，导致覆盖，所以最后无论对result数组中的哪个函数进行执行，结果都是输出10；

2）内外成变量的覆盖问题

var a = 10;
function f(){
  console.log(a);
  var a = 20;
}

　　执行结果是undefined，这是因为内层变量a对外层同名变量覆盖了，上述代码由于声明被提升，相当于下面这样写：

var a = 10;
function f(){
  var a;
  console.log(a);
  a = 20;
}

　　由于内层函数作用域的存在，新声明的a是undefined，会被输出。

---

考虑到上述两种问题，加入了块级作用域，比如将for循环中的var i 改为let i，就会输出预期的结果；第二个例子中涉及到let和块级作用域绑定，存在暂时死区问题，若只将内层var换成let，会出现referenceError错误，即let声明不同于var，声明前不可获取，所以出错。若感兴趣，可再自行查阅。