块级作用域简述

一、为什么需要块级作用域

ES5只有全局作用域和函数作用域，没有块级作用域，会带来以下问题：

1、变量提升导致内层变量可能会覆盖外层变量

var i = 5;
function new() {
console.log(i);
if (true) {
var i = 6;
}
}
new();// undefined

2、用来计数的循环变量泄露为全局变量

for (var i = 0; i < 5; i++) {
console.log(i);
}
console.log(i); // 5

二、ES6中的块级作用域

ES6允许块级作用域的任意嵌套。外层作用域无法读取内层作用域的变量。

{let i = 6;}
console.log(i); // error

内层作用域可以定义外层作用域的同名变量。

let i = 5;
{let i = 6;}

块级作用域的出现使得立即执行函数不再需要。

立即执行函数：

(function() {
var i = 5;
})();

块级作用域：

{
let i = 5;
}

ES6引入了块级作用域，明确允许在块级作用域中声明函数。

ES6还规定，在块级作用域中，函数声明的行为类似于let，在块级作用域之外不可引用。

ES6中，函数声明会提升到函数作用域的头部。

注意：ES6的块级作用域允许声明函数只在使用大括号的情况下成立，如果未使用大括号，会报错。