js块级作用域

JavaScript没有块级作用域，准确来说，ES5没有块级作用域，其只有全局作用域和函数作用域，没有块级作用域，这样会带来很多问题，So，ES6引入了块级作用域。

块由左花括号开始，由右花括号结束 ,即 { } 中间的部分是一个块级作用域。 例如：for循环、if逻辑判断、while 循环等语句后面的{ } 都是一个块级作用域。

var let const 的区别：

• var定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问。
• let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。
• const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改。

ES5中会存在块内变量变成全局变量的现象，而采用ES6的let和const就不会出现下列情况

//块级作用域对var命令无效，a变量泄露到外层作用域
if (flag) {
    var a = "Burc";
}
console.log(a); //Burc

下面看一个更详细的例子

ES5模仿块级作用域 ，ES5 环境中只有全局作用域和函数作用域，那么要想实现类似块级作用域的效果，我们通常可以通过封装函数或封装匿名自调用立即执行函数来实现

//函数作用域
function testFn() {
    var a = "Burc";
}
console.log(a); //Error: a is not defined

//匿名自调用实现类似“块级作用域”的效果
(function () {
    var b = "Burc";
})();
console.log(b); //Error: b is not defined

我们利用ES5模仿块级作用域可以解决一个经典问题，当然，用ES6的let会使该问题变得更容易解决，代码如下

参考链接

es6 块级作用域的基本用法