如何将JS脚本A IIFE内的函数导入脚本B的IIFE且不暴露到全局作用域

JS完全可以实现你要求的「跨脚本调用内部函数、不暴露到全局作用域」的需求，常用实现方式有以下3种：

方案1：使用ES模块化（ESM） #

这是目前原生JS最标准的解决方案，现代浏览器全量支持，不需要额外依赖工具，也不需要手动写IIFE包裹代码：

• 模块默认拥有独立作用域，内部定义的所有变量、函数默认都是私有状态，只有显式export的内容才会对外暴露，且不会挂载到全局window对象上

代码示例：
scriptA.js内容：

// 不需要包裹IIFE，模块本身就是隔离的私有作用域
function secretFunction() {
  console.log('调用成功')
}
// 仅导出需要对外共享的内容
export { secretFunction }

scriptB.js内容：

// 直接导入scriptA暴露的方法即可，导入内容不会出现在全局作用域
import { secretFunction } from './scriptA.js'

secretFunction()

HTML引入脚本时添加type="module"属性即可生效：

<script type="module" src="scriptB.js"></script>

优势：完全符合JS语言标准，私有性强，无全局污染，原生支持无需额外配置

方案2：使用共享闭包容器 #

如果需要兼容不支持ESM的旧环境，可以通过自定义的私有共享容器做桥接，不会泄露业务方法到全局作用域：

• 可以用Symbol作为容器的key，进一步降低外部被非法访问、篡改的概率

代码示例：
scriptA.js内容：

// 用Symbol生成唯一key，不会和全局其他属性冲突
const sharedKey = Symbol.for('myAppPrivateContainer')
// 初始化共享容器，仅存在于闭包内不会暴露到全局
const container = window[sharedKey] = window[sharedKey] || {}

(function() {
  function secretFunction() {
    console.log('调用成功')
  }
  // 挂载到共享容器
  container.secretFunction = secretFunction
}())

scriptB.js内容：

const sharedKey = Symbol.for('myAppPrivateContainer')
const container = window[sharedKey] = window[sharedKey] || {}

(function() {
  const AsFunction = container.secretFunction
  AsFunction()
}())

方案3：使用模块打包工具 #

如果项目复杂度较高，可以接入webpack、rollup、vite这类前端打包工具：

• 开发时直接用ESM语法编写导入导出，打包工具会自动把所有模块整合到同一个独立闭包内，所有内部共享的方法仅在闭包内可见，最终产物不会对外暴露任何业务变量，完全没有全局污染风险

补充说明：两个独立的IIFE默认是完全隔离的作用域，无法直接互相访问内部变量，上述方案本质都是通过安全的中间层做桥接，不会泄露私有方法到全局作用域。

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