TypeScript Playground与tsx方法装饰器输出差异原因探究

核心原因是两个环境使用了完全不同的装饰器实现标准：一个是TypeScript早期的实验性装饰器，另一个是TC39标准化后的ES装饰器。

1. TypeScript Playground（开启experimentalDecorators） #

这里启用的是TypeScript在ES装饰器标准制定前推出的实验性装饰器语法，属于非官方临时实现。
对于方法装饰器，它的参数规则为：

• 第一个参数target：类的原型对象（Example.prototype，因类暂未添加其他属性，输出为空对象）
• 第二个参数context：实际是方法的名称（字符串helloWorld）
  这完全匹配你看到的输出结果。

2. npx tsx执行环境 #

tsx作为现代TypeScript运行工具，默认启用TC39最终标准化的ES装饰器语法。
标准装饰器的方法装饰器参数规则完全不同：

• 第一个参数target：被装饰的方法本身（即helloWorld函数）
• 第二个参数context：包含方法完整元信息的对象，涵盖kind（标识类型为方法）、name（方法名）、static（是否为静态方法）、access（访问器）等属性
  这也和你看到的输出完全一致。

额外说明 #

TypeScript早期实验性装饰器与TC39标准装饰器的设计逻辑差异极大，参数签名、执行时机、可用能力均不兼容。若要让两个环境输出一致，要么在tsx中通过tsconfig.json开启experimentalDecorators并关闭useDefineForClassFields，要么在Playground中切换到标准装饰器模式（关闭experimentalDecorators）。

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