javascript全局变量封装模块实现代码

在JavaScript中，封装全局变量到一个模块是一种常见的做法，这有助于保持代码的组织性和可维护性。以下是一个简单的实现示例，展示了如何创建一个模块来封装全局变量：

// 在一个名为 config.js 的文件中
// 这里我们定义了几个全局变量，并将它们封装在一个对象中
// 使用对象字面量来封装，这样可以很方便地添加或删除属性

const config = {
    apiBaseUrl: 'https://api.example.com',
    appVersion: '1.0.0',
    debugMode: false
};

// 为了让这些变量在模块外部可访问，我们将其导出
export default config;

// 在其他文件中使用
// 首先，你需要导入这个模块
// 假设我们在另一个名为 app.js 的文件中

import config from './config.js'; // 假设 config.js 和 app.js 在同一个目录下

console.log(config.apiBaseUrl); // 输出: https://api.example.com
console.log(config.appVersion); // 输出: 1.0.0
config.debugMode = true; // 修改全局变量
console.log(config.debugMode); // 输出: true

在这个例子中，`config.js` 文件定义了一个名为 `config` 的对象，该对象包含了几个全局变量，并通过 `export default` 语句导出。然后，在 `app.js` 文件中，我们通过 `import` 语句导入了这个模块，并可以访问 `config` 对象中的变量。

这种方式的好处是，你可以很容易地在整个应用程序中共享这些变量，而不需要将它们作为全局变量直接暴露在全局作用域中。同时，由于这些变量被封装在模块中，你也可以更容易地控制对它们的访问和修改。