ESM模块“死区”本质是TDZ在循环依赖下的暴露，因实例化与求值分离导致未初始化变量被访问而抛出ReferenceError，非异步加载顺序所致。
ESM 模块在执行阶段的“死区”问题，核心不是异步加载顺序直接导致的，而是模块实例化与求值两个阶段分离 + 循环依赖中变量未完成初始化 所引发的访问风险。它常被误称为“异步死区”，实际是 暂时性死区（TDZ）在模块循环场景下的暴露。
TDZ 在 ESM 中的本质
ESM 要求所有 let、const 和 class 声明在初始化完成前不可访问——哪怕只是读取。这个限制区域就是 TDZ。它不是运行时错误，而是语法强制约束。
- 模块代码尚未执行（evaluation 阶段未开始），但导入绑定已建立（instantiation 阶段已完成）
- 此时若通过导入的绑定去读取一个
let count变量，即使该变量声明就在文件顶部，也会抛出ReferenceError: Cannot access 'count' before initialization
循环依赖如何触发 TDZ 报错
当模块 A 导入模块 B，B 又导入 A，ESM 会按拓扑顺序进行实例化，但求值仍需遵循“叶子优先”。若 A 的导出依赖一个尚未求值的变量，而 B 在求值过程中尝试访问它，就掉进 TDZ。
-
示例：A.js 中
export let x = y + 1;，而y来自 B；B.js 中import { x } from './A.js'; export const y = x * 2; - 实例化阶段，A 和 B 的导出绑定都已创建，但变量内存槽位尚未赋值
- 求值时，B 先执行（假设无其他依赖），尝试读取
x→ 此时 A 的x还没被计算 → 触发 TDZ 错误
为什么不是“异步加载顺序”本身的问题
ESM 加载确实是异步的（尤其浏览器中网络请求），但 TDZ 报错发生在 同步求值过程 中。即便所有模块都在本地、毫秒级加载完成，只要存在上述循环+未初始化访问，错误依然发生。
- 关键区分：“加载慢”导致超时或 404 是网络/IO 问题；“访问未初始化变量”是语言规范强制的 TDZ
- 动态
import()返回 Promise，它的错误是 Promise rejection；而静态import引发的 TDZ 是同步ReferenceError，会中断整个模块图求值
规避策略：从设计和时机入手
-
避免导出未初始化的顶层绑定：不用
let x = y + 1这类依赖其他模块变量的初始化表达式 -
用函数封装可延迟求值的逻辑：导出
getX()而非直接导出x，把访问推迟到调用时（此时模块大概率已求值完毕） - 拆分共享状态到独立模块：把 A 和 B 共同依赖的值提取到 C 模块，A/B 都只导入 C，消除直接循环
-
必要时使用动态导入打破初始化依赖链：在 B 中用
const { x } = await import('./A.js')，让访问发生在求值之后
