模块循环导入引发初始化错误，如何实现主模块双向依赖需求？

ES模块的执行规则是先处理所有顶层import声明，再执行模块内的顶层代码。你的代码中：

1. main.js启动时，会先处理import {fromB} from './b.js'，触发b.js加载
2. b.js加载时处理import {fromA} from './a.js'，触发a.js加载
3. a.js加载时处理import {fromMain} from './main.js'，此时main.js的顶层代码还没执行到const fromMain = ...这一步，变量未初始化，导致a.js访问时抛出ReferenceError

方案1：抽离环境变量到独立模块 #

把环境变量单独放在一个模块里，避免main.js既作为导出源又作为导入方的冲突：

env.js #

export const fromEnvironment = Deno.args[0];

main.js #

import {fromEnvironment} from './env.js';
import {fromB} from './b.js';

console.log(fromB);

a.js #

import {fromEnvironment} from './env.js';
export const fromA = fromEnvironment + '456';

b.js #

import {fromA} from './a.js';
export const fromB = fromA + '789';

执行命令：

deno run main.js 123

输出：123456789

这种方式结构清晰，适合将配置、环境变量等全局依赖统一管理。

方案2：使用动态导入延迟加载 #

利用动态导入的异步特性，等main.js的变量初始化完成后再加载b.js：

main.js #

export const fromMain = Deno.args[0];

// 异步加载b.js，确保fromMain已初始化
(async () => {
  const {fromB} = await import('./b.js');
  console.log(fromB);
})();

a.js #

import {fromMain} from './main.js';
export const fromA = fromMain + '456';

b.js #

import {fromA} from './a.js';
export const fromB = fromA + '789';

执行命令同上，同样能得到预期输出。这种方式无需新增模块，适合快速调整现有代码结构。

注意事项 #

代码中要统一文件后缀（避免.js和.ts混写），Deno会严格按照导入路径查找文件。

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