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

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

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,声明前不可获取,所以出错。若感兴趣,可再自行查阅。

posted on 2016-10-31 15:53  瓦蕾瓦蕾  阅读(294)  评论(0编辑  收藏  举报

导航