在 ES6 之前，JavaScript 只有函数作用域和全局作用域，而没有块级作用域。这意味着在函数内部声明的变量可以在整个函数中访问。同时，由于 JavaScript 的作用域链机制，闭包问题也经常出现。ES6推出了 let 和 const 关键字来解决这些问题。
块级作用域
块级作用域是指在代码块内部（如 if、for、while 等语句）声明的变量只在该代码块内部有效，不会污染外部作用域。在 ES6 之前，我们通常通过匿名自执行函数来实现块级作用域：
(function() {
var foo = 'bar';
console.log(foo); // 输出 'bar'
})();
console.log(foo); // 抛出错误在 ES6 中，我们可以使用 let 或 const 来声明块级变量：
{
let foo = 'bar';
const baz = 'qux';
console.log(foo); // 输出 'bar'
console.log(baz); // 输出 'qux'
}
console.log(foo); // 抛出错误
console.log(baz); // 抛出错误值得注意的是，const 声明的变量不能被重新赋值。一旦声明，其值就不能再改变。但是对于对象和数组等引用类型，虽然无法通过赋值改变其引用，但是可以修改其属性和元素。
闭包问题
闭包是指在一个函数内部定义另一个函数，并返回该函数时，该函数仍然可以访问外部函数中的变量，即使外部函数已经执行完毕并被销毁。这种情况常常出现在事件处理函数中。
在 ES6 之前，我们通常使用匿名自执行函数来创建闭包。例如：
-- -------------------- ---- -------
--- ----- - ----------- -
--- ------- - --
------ ---------- -
------ ----------
--
-----
--------------------- -- -- -
--------------------- -- -- -
--------------------- -- -- -在 ES6 中，由于 let 和 const 声明的变量具有块级作用域，因此可以通过在最外层将变量声明为 let 或 const 来避免闭包问题：
let count = (() => {
let counter = 0;
return () => ++counter;
})();
console.log(count()); // 输出 1
console.log(count()); // 输出 2
console.log(count()); // 输出 3使用箭头函数可以更加简化代码。
总结
ES6 中的块级作用域和 let、const 关键字可以有效地解决 JavaScript 中作用域和闭包问题，因此在编写代码时应该尽可能地使用它们。同时，在使用闭包时，应该注意避免对外部变量的非法引用，以免出现意料之外的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651b8fed95b1f8cacd335884