JavaScript跨运行时通用全局变量及命名冲突防护技术问询

1. 语言原生保证存在的全局变量集合 #

ECMAScript标准定义的、所有合规JavaScript引擎都必须在全局作用域提供的核心成员包括：

• 基础类型构造器：String、Number、Boolean、Symbol、BigInt
• 复合类型构造器：Object、Array、Function、Date、RegExp、Map、Set、WeakMap、WeakSet
• 全局工具函数：eval()、parseInt()、parseFloat()、isNaN()、isFinite()、decodeURI()、decodeURIComponent()、encodeURI()、encodeURIComponent()
• 特殊值：undefined、null、Infinity、NaN
• 统一全局对象引用：ES2020+新增的globalThis，在所有环境中都指向全局对象；非严格模式下全局作用域的this也指向全局对象，严格模式下全局this为undefined

2. 避免全局命名冲突的可行建议 #

• 使用模块系统：采用ES模块（import/export）或CommonJS模块，将代码封装在独立作用域中，仅对外暴露必要内容，从根源上避免全局污染
• 自定义单一命名空间：创建唯一的全局对象作为命名空间，将所有自定义变量、方法挂载到该对象下，示例：

  const MyProject = {};
  MyProject.utils = {
    formatTime: () => { /* 实现逻辑 */ }
  };
  MyProject.components = { /* 组件集合 */ };
  

• 立即执行函数表达式（IIFE）：通过自执行函数创建私有作用域，仅选择性暴露需要全局访问的内容，示例：

  (function(global) {
    const privateData = '仅内部可见';
    function privateMethod() { /* 内部逻辑 */ }
    global.MyPublicAPI = {
      run: () => { /* 对外暴露的方法 */ }
    };
  })(window);
  

• 启用严格模式：在代码开头添加'use strict'，此时未声明的变量赋值会直接抛出错误，避免意外创建全局变量
• 限定局部作用域：尽可能用let/const将变量限定在函数、块级作用域内，减少对全局作用域的依赖

内容的提问来源于stack exchange，提问作者brainchild