TypeScript导出带装饰器的类时出现ReferenceError的原因解析

这个错误确实是TypeScript装饰器的编译机制差异导致的，核心在于两种导出方式下，类的初始化时机和装饰器执行时机的匹配问题：

• 直接export class DB的编译逻辑问题
  当你直接用export class语法时，TypeScript会把类的定义包裹在一个立即执行函数表达式（IIFE）中，同时直接赋值给导出变量。简化后的编译输出大致如下：

  export var DB = (function () {
    function DB() {}
    // 装饰器latency会立即执行
    DB.prototype.writeToDB = latency(function() { /* 方法逻辑 */ });
    return DB;
  })();
  

  这里的关键是：装饰器latency在IIFE内部、DB类还没完成赋值给外部变量时就执行了。如果你的latency装饰器内部尝试引用DB（比如获取类名、访问静态属性等），此时DB变量仅被声明但未完成初始化，就会抛出ReferenceError: DB is not defined。

• 先定义再export {DB}的编译逻辑
  这种方式下，类会先完成初始化并赋值给局部变量DB，之后再执行导出操作。简化后的编译输出大致如下：

  var DB = (function () {
    function DB() {}
    DB.prototype.writeToDB = latency(function() { /* 方法逻辑 */ });
    return DB;
  })();
  export { DB };
  

  此时装饰器latency执行时，局部变量DB已经是一个完整的类引用，即使装饰器内部引用它也能正常获取到值，不会触发错误。

总结来说，TypeScript的装饰器是在类定义阶段立即执行的，直接导出的方式会导致装饰器执行时类变量还未完成全局/导出域的赋值，而先定义再导出的方式则确保了类初始化完成后才执行装饰器（或装饰器执行时能拿到完整的类引用）。

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