在 JavaScript 中，全局变量是在任何地方都可以被访问的变量。通常情况下，在一个单独的文件中定义全局变量很容易，并且可以被整个文件中的函数和代码块使用。但是，当我们需要在多个文件中使用同一个全局变量时，便需要进行特殊的处理。
问题
假设我们有两个 JavaScript 文件：file1.js 和 file2.js，它们都需要使用同一个全局变量 myGlobalVar。如果我们只是在其中一个文件中定义这个变量，那么另一个文件将无法访问它。如何跨多个文件定义并使用全局变量？
解决方案
一种常见的解决方案是使用模块化，在每个文件中引入并导出需要共享的变量。例如，在 file1.js 中，我们可以这样定义 myGlobalVar：
-- -------- ------ ----- ----------- - ------ -------
然后，在 file2.js 中，我们可以这样引入并使用 myGlobalVar：
-- -------- ------ - ----------- - ---- ------------- ------------------------- -- -- ------ ------
这种方法的好处是可以清晰地控制全局变量的作用域，避免命名冲突和意外修改。同时，由于使用了 ES6 模块化，这种方法也可以方便地进行打包和优化。
如果你需要支持旧版浏览器或者是 Node.js 环境中的 CommonJS 规范，那么你也可以使用其他模块化解决方案，比如 CommonJS、AMD 或者 UMD。
注意事项
- 不要滥用全局变量。全局变量容易造成命名冲突和不必要的作用域污染，应该尽可能地避免使用。
- 在定义全局变量时要注意命名规范和语义化。比如，以
$开头的变量通常被认为是 jQuery 对象，以_开头的变量通常被认为是私有变量。 - 在使用全局变量时要注意潜在的安全漏洞。全局变量可能会被恶意代码修改，导致程序行为不可预测。因此，在使用全局变量时需要进行合理的限制和检查。
示例代码
（文件结构）
--- -------- --- --------
（file1.js）
-- -------- ------ ----- ----------- - ------ -------
（file2.js）
-- -------- ------ - ----------- - ---- ------------- ------------------------- -- -- ------ ------
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/10841