ESM模块函数体内如何访问模块作用域？求非全局可行方案

问题说明 #

ESM出现前，开发者可直接访问module变量操作模块作用域属性，但不想采用静态变量绑定的写法：

const bar = 1

export function foo() {
  bar
}

希望在函数内部实现类似module.bar = 1的模块作用域动态访问效果，示例如下：

export function foo() {
  module.bar = 1
}

曾尝试用函数绑定模拟模块作用域，但异步函数场景下会出问题：

export async function foo() {
  foo.bar = 1
}

询问global是否是唯一可行方案。

补充场景：需求源于投影式JavaScript编辑器开发，要求编辑后的代码既能在投影式编辑器中按模块作用域逻辑运行，也能作为标准ESM代码在普通环境正常执行。

可行方案（不止global） #

1. 模块级对象容器 #

在模块顶部定义一个专用对象作为模块作用域的属性容器，所有动态属性都挂载到这个对象上：

const moduleScope = {}

export function foo() {
  moduleScope.bar = 1
}

export function getBar() {
  return moduleScope.bar
}

这是最直接的替代方案，完全符合ESM模块作用域规则，异步函数也不会有任何问题——因为moduleScope是模块级的固定引用，不受函数类型影响。

2. 私有作用域容器（IIFE包裹） #

如果不想暴露容器对象给外部，可用IIFE包裹模块内容，只导出需要的函数：

const { foo, getBar } = (() => {
  const moduleScope = {}

  function foo() {
    moduleScope.bar = 1
  }

  function getBar() {
    return moduleScope.bar
  }

  return { foo, getBar }
})()

export { foo, getBar }

这种方式能把容器完全隐藏在模块内部，避免外部意外修改，保证封装性。

3. 修复函数绑定方案 #

之前异步函数的问题，通常是因为导出的异步函数被重新赋值或打包工具包装，导致内部引用的foo指向变化。可以通过先把函数赋值给变量，再挂载属性到变量上解决：

const _foo = async function() {
  _foo.bar = 1
}

export const foo = _foo

内部始终引用原始的_foo变量，即使导出的foo被处理，挂载的属性也不会丢失。

不推荐使用global的原因 #

global（浏览器环境为window）是全局作用域，用它存储模块级属性会导致模块间状态污染，完全违背模块封装的设计初衷，仅适合全局共享的极少数场景。

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