在 ES5 中，JavaScript 语言只有全局作用域和函数作用域两种作用域。在函数中声明的变量只有在函数内部才能访问，外部无法访问。而在块级作用域中声明的变量则只在该块级作用域中有效，外部也无法访问。这样就会导致变量的作用域问题，难以理解和维护代码。
在 ES6 中，通过引入新的关键字 let 和 const，对 JavaScript 的作用域进行了优化，同时解决了函数作用域和块级作用域的问题。
let 关键字
let 关键字用来声明块级作用域变量，可以代替 var 关键字在大多数情况下使用。因为 let 声明的变量只在所在的块级作用域内有效，不会污染全局命名空间。下面是一个使用 let 关键字的示例：
-- -------------------- ---- -------
-------- ------ -
--- - - --
-- ------ -
--- - - --
--------------- -- -
-
--------------- -- -
-
-------在这个示例中，a 变量在内部的 if 块级作用域中重新声明了一个新的变量 a，而外部的 a 变量并没有受到影响。
const 关键字
const 关键字也用来声明块级作用域变量，与 let 关键字的区别在于 const 声明的变量不可修改。常常用来声明常量，表示该变量不应该被改变。下面是一个使用 const 关键字的示例：
const PI = 3.14159; PI = 4; // 报错
在这个示例中，常量 PI 被声明为一个不可修改的变量，重新赋值时会报错。
解决函数作用域的问题
在 ES5 中，由于只有函数作用域，闭包的使用很容易导致变量的污染和泄露。而在 ES6 中，通过 let 关键字来解决了函数作用域的问题。下面是一个使用 let 关键字解决函数作用域的示例：
-- -------------------- ---- -------
-------- ------ -
--- ---- - - -- - - --- ---- -
------------------- -- -
---------------
-- -----
-
-
-------在这个示例中，使用 let 关键字声明变量 i，使得每次循环都会新建一个变量，不受外层作用域的影响。因此输出的结果是从 0 到 9。
总结
在 ES6 中，通过引入 let 和 const 关键字，解决了 JavaScript 中作用域的问题，并使代码变得更加简洁和易于维护。在实际开发中，需要深入理解 let 和 const 的使用场景和特性，避免出现误用和错误的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646ed7a0968c7c53b0d3afdd