跨文件访问变量

在 JavaScript 中，可以在不同文件中访问一个文件中声明的变量。这一概念对于将代码组织到模块中或管理共享数据特别有用。

变量可访问性

变量可以在一个文件中声明，如果在全局范围内声明，则可以在另一个文件中使用。全局作用域是指JavaScript执行的最上层，网页上加载的所有脚本都可以访问它。

例如，在名为first.js的文件中，我们可以声明一个名为colorCodes的变量：

// first.js
var colorCodes = {
  back: "#fff",
  front: "#888",
  side: "#369"
};

现在，在另一个名为 secondary.js 的文件中，我们可以访问 colorCodes 变量，就好像它是在本地声明的一样：

// second.js
alert(colorCodes.back); // alerts "#fff"

要从不同的文件访问在全局范围内声明的变量，只需直接使用其名称即可。

封装和共享数据

而全局范围变量可以轻松共享数据，因此必须使用封装和模块来确保数据隐私和维护代码组织。现代 JavaScript 模块允许您定义封装变量并将其导出以在其他文件中使用。此方法可推广最佳实践并保护您的数据免遭不必要的修改。