ES6 在变量声明方面引入了许多新的语法特性，但是这些特性也带来了一些新的变量作用域问题。在本文中，我们将深入探讨 ES6 中变量的作用域问题，让读者能够深入了解 ES6 中的变量声明方式及其作用域。
let 和 const 关键字
在 ES6 中，我们可以使用 let 和 const 关键字来声明变量。
let 声明的变量具有块级作用域，也就是说，变量只能在声明它们的代码块中访问。这和在 for 循环中使用 var 声明变量不同，使用 var 声明的变量会提升到函数作用域或全局作用域。
const 声明的变量也具有块级作用域，但是它声明的是常量，一旦声明，在后续的运行中，不能再次对其进行赋值。
示例代码：
-- -------------------- ---- -------
-- --- -----
-------- --------- -
--- ---- - - -- - - --- ---- -
---------------
-
--------------- -- --------------- - -- --- -------
-
----------
-- ----- -----
-------- ----------- -
----- -- - ----------
----------------
-- - ----- -- ---------- ---------- -- -------- ---------
-
------------块级作用域
在 ES5 中，JavaScript 只有全局作用域和函数作用域，如果在代码块中定义变量，变量的作用域也是全局或函数作用域。这时候 let 和 const 就发挥了作用，利用它们声明的变量拥有块级作用域，就能够创建出新的局部作用域了。
示例代码：
-- -------------------- ---- -------
-------- --------------- -
-- ------ -
--- - - ---
---------------
- ---- -
--- - - ---
---------------
-
--------------- -- --------------- - -- --- -------
-
----------------
-----------------暂时性死区
使用 let 和 const 声明的变量会产生暂时性死区（TDZ）的问题，在命名前就不能被访问。
示例代码：
function testTDZ() {
console.log(x); // ReferenceError: x is not defined
let x = 10;
}
testTDZ();上面的代码中，console.log(x) 在 let x = 10 之前执行，所以会报 ReferenceError 错误。
全局命名空间污染
在 ES5 中，我们无法创建新的作用域，在全局作用域中声明的变量会污染全局命名空间，容易造成命名冲突。但是，在 ES6 中，我们可以使用 let 和 const 关键字在块级作用域中声明变量，从而避免了全局命名空间污染的问题。
示例代码：
var x = 10;
console.log(x); // 10
{
let x = 20;
console.log(x); // 20
}
console.log(x); // 10结论
使用 ES6 中的 let 和 const 关键字声明变量能够有效的解决 ES5 中的变量作用域问题。let 声明的变量具有块级作用域，const 声明的变量也具有块级作用域，且声明的是常量。但是，需要注意的是，使用 let 和 const 声明的变量会产生暂时性死区问题，需要避免在命名前访问变量。同时，通过使用 let 和 const 声明变量可以创建出新的作用域，从而避免了全局命名空间污染的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671b9b859babaf620facacf2