不推荐直接依赖全局作用域管理跨文件公共变量，应最小化污染、明确归属、避免命名冲突；推荐用命名空间对象（如MyApp）封装，或优先采用ES模块、单例模块等现代方案。
JavaScript 中不推荐直接依赖全局作用域管理跨文件公共变量，但若项目简单或受限于环境（如纯浏览器脚本、无构建工具），可谨慎使用。核心原则是：**最小化污染、明确归属、避免命名冲突**。
用命名空间对象封装公共变量
不直接挂载到 window 或 globalThis 上零散属性，而是创建一个统一的命名空间对象（如 App 或 MyApp），所有跨文件变量集中挂在其下：
// config.js
window.MyApp = window.MyApp || {};
MyApp.API_BASE = 'https://api.example.com';
MyApp.DEBUG = true;
MyApp.user = null; // 可被其他文件读写
后续文件只需确保该脚本先加载，即可安全访问：
// utils.js
if (MyApp.DEBUG) {
console.log('Current user:', MyApp.user);
}
用 IIFE 防止意外泄漏
在定义公共变量时，用立即执行函数包裹，只显式暴露必要接口，避免内部临时变量变成全局：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
立即学习“Java免费学习笔记（深入）”；
// state.js
(function(global) {
let _token = '';
let _theme = 'light';
global.MyApp = global.MyApp || {};
global.MyApp.auth = {
get token() { return _token; },
set token(val) { _token = val; },
get theme() { return _theme; },
set theme(val) { _theme = val; }
};
})(typeof window !== 'undefined' ? window : globalThis);
注意加载顺序与执行时机
全局变量跨文件生效的前提是：定义它的脚本必须在使用它的脚本之前加载并执行。常见做法：
- HTML 中按顺序
<script>引入：先引入config.js，再引入main.js - 使用
defer属性保证执行顺序（适用于同级 script 标签） - 避免在
DOMContentLoaded或load事件中才初始化全局对象，否则其他同步脚本可能读不到
替代方案更值得优先考虑
现代开发中，应逐步迁出全局模式：
-
ES 模块（推荐）：用
export/import显式共享变量，天然支持静态分析和 tree-shaking - 单例模块：导出一个对象实例，多个文件 import 同一路径，共享同一引用
- 状态管理库：如 Redux、Pinia（前端）、or just a simple store class with events
- 构建工具注入：Webpack DefinePlugin、Vite define，将常量编译时注入，不占运行时全局空间
