理解 JavaScript 中的作用域
内容提要
本文介绍了JavaScript中的作用域(scope)的概念和类型，包括全局作用域、模块作用域、函数作用域和块级作用域。作用域是用来管理代码复杂性的工具，应该将声明放在最小的作用域内。
延伸解读
作用域如何降低代码耦合
文章通过一个全局变量 radius 的例子说明：当多个函数共享并修改同一个全局变量时，调用顺序会意外改变最终值，导致代码难以推理。将 radius 声明为每个函数内部的局部变量后，虽然代码量增加，但各函数不再相互依赖，可维护性反而提升。这提示我们，作用域的核心价值在于隔离变化，避免无关代码共享状态。
模块作用域与全局作用域的区别
在 Node.js 项目中，每个 .js 或 .ts 文件是一个独立模块，默认情况下模块内的声明只在该文件内可见，除非显式导出。这与浏览器中通过 script 标签或 window 对象创建的全局作用域不同：全局作用域在整个应用内可访问，而模块作用域将可见性限制在文件级别，从而减少命名冲突和意外修改。
块级作用域只对 let 和 const 生效
块级作用域由一对花括号 {} 界定，但只有使用 let 和 const 声明的变量才受其限制，var 声明的变量会穿透块级作用域。例如，在块内用 let 或 const 定义的变量在块外无法访问，而 var 定义的变量在块外仍可访问。现代 JavaScript 推荐使用 let 和 const，因此理解这一差异对避免变量泄漏很重要。
声明应放在最小必要作用域内
文章最后强调，作用域是管理复杂性的工具。声明所在的作用域越大，能访问它的代码就越多，潜在的耦合和意外修改风险也越高。因此，应尽量将变量声明在最小的必要作用域内，例如函数内部或代码块内部，而不是提升到全局或模块顶层。这有助于保持代码的可推理性和可维护性。
Q&A
JavaScript 中的作用域是什么？
作用域是管理代码复杂性的工具，用于控制变量的可访问性。
JavaScript 有哪些类型的作用域？
JavaScript 有全局作用域、模块作用域、函数作用域和块级作用域。
全局作用域在 JavaScript 中有什么特点？
全局作用域在整个应用程序中可访问，通常在网页应用中使用。
模块作用域如何在 Node.JS 中工作？
在 Node.JS 中，每个 .js 或 .ts 文件是一个独立模块，变量默认只在该模块内可访问。
函数作用域的作用是什么？
函数作用域限制变量的访问，仅在函数内部可用，避免了变量冲突。
块级作用域与其他作用域有什么不同？
块级作用域仅适用于 let 和 const 声明，变量在代码块外不可访问，而 var 声明不受此限制。
