ES6之块级作用域

1、为什么需要块级作用域（es5没有块级作用域有什么不足之处）？

ES5 只有全局作用域和函数作用域，常见不足之处有如下两种情景：
（1）内层变量可能会覆盖外层变量

var temp = 123;  //在全局作用域，第一次声明
function func(){
  console.log(temp);
  if(false){
    var temp = 234;   //在函数内部第二次声明temp变量
  }
}
func();  //undefined

以上代码会发生声明提升的过程

var temp = 123;  
function func(){
  var temp;  //函数声明提升，但还未初始化
  console.log(temp);  //此处输出undefined
  if(false){
    temp = 234;  //此时temp才开始初始化
  }
}
func();  //undefined

（2）用来计数的变量泄漏为全局变量
废话不多说，上代码

var s = 'hello';
for (var i = 0; i < s.length; i++) {
  console.log(s[i]);
}
console.log(i); // 5

我们用i来控制循环，按照正常的思路，i用完了应该销毁掉才妥当一点，然而它并没有消失，而是在外部还能被访问到。

2、ES6的块级作用域

let实际上为javascript增加了块级作用域
用上面情景（1）的代码来改造一下

function func(){
   let temp = 123; 
   if(true){
    let temp = 234;
  }
  console.log(temp) ;  //123
}

func()函数有两个代码块，都声明了变量temp，运行后输出123，表明外层代码块不受内层代码块的影响，如果使用var来定义，则输出234。

3、ES6的块级作用域的特性

（1）ES6 允许块级作用域的任意嵌套。

{{{{{let a = 1;}}}}}  //五层嵌套可还行

（2）外层作用域无法读取内层作用域的变量

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

（3）内层作用域可以定义外层作用域的同名变量

 {{{{
  {let a = 1;}
  let a = 1;
}}}}

（4）块级作用域的出现，实际上使得获得广泛应用的立即执行函数表达式（IIFE）不再必要了。