JavaScript类装饰器处于TC39 Stage 3提案阶段未标准化但Babel/TS已实验支持方法装饰器接收target、propertyKey、descriptor可增强行为属性装饰器无统一签名TS常用Reflect元数据装饰器静态执行、不可访问this、不支持私有字段。JavaScript 中的类装饰器Class Decorators目前仍处于 Stage 3 提案阶段TC39尚未被正式纳入标准但主流转译工具如 Babel、TypeScript已提供实验性支持。它允许你在类、属性或方法声明时添加元编程逻辑常用于日志、权限校验、响应式绑定、自动注册等场景。装饰器在类方法上的应用方法装饰器接收三个参数target原型对象、propertyKey方法名、descriptor属性描述符。你可以修改 descriptor.value 来增强或替换原方法行为。可包装原方法实现前置/后置逻辑例如自动打日志或计时 能拦截调用并根据条件拒绝执行如权限控制 可将同步方法转为异步兜底如加 loading 状态 注意若重写 descriptor.value需手动保留 this 绑定或使用 bind(target) 或箭头函数包裹装饰器在类属性上的应用属性装饰器目前没有标准化签名提案中曾尝试定义但尚未冻结因此不同工具实现差异较大。TypeScript 使用 decorator target, propertyKeyBabel 插件如 babel/plugin-proposal-decorators默认不支持属性装饰器需配合 babel/plugin-proposal-class-properties 才能访问初始化值。TypeScript 中属性装饰器常用于收集元数据如通过 Reflect.defineMetadata 无法直接拦截属性赋值不像 getter/setter但可配合访问器accessor decorator或后续字段初始化逻辑介入 常见用途包括标记响应式字段、注入依赖、设置默认值、校验规则注册 实际项目中更推荐用 accessor 装饰器针对 get/set或构造函数内初始化来替代纯字段装饰装饰器的执行时机与限制装饰器在类定义时静态执行非实例化时所有装饰器按从上到下、从右到左顺序运行类 静态成员 实例成员 方法 字段。它不能访问 this也无法读取实例状态。立即学习“Java免费学习笔记深入”装饰器函数必须是纯函数无副作用否则可能导致不可预测行为 无法装饰私有字段#field——当前提案未覆盖该语法 多个装饰器叠加时外层装饰器先执行结果传给内层类似高阶函数 若需运行时动态行为应结合 Symbol、WeakMap 或元数据 APIReflect.getMetadata实现实用建议与注意事项现阶段使用装饰器应以提升开发体验为目标而非强依赖其运行时能力。生产环境务必确认目标平台兼容性或保留转译配置。优先选用成熟方案如 MobX 的 observable、actionAngular 的 Input、Output 自定义装饰器尽量保持轻量避免在其中执行耗时操作或 DOM 操作 搭配 TypeScript 使用时开启 experimentalDecorators 和 emitDecoratorMetadata 编译选项 注意装饰器与继承的关系子类不会自动继承父类装饰器行为需显式重新应用