装饰器是javaScript中用于扩展类、方法、属性等功能的语法，通过@expression形式在运行时调用函数实现元编程，常用于日志、权限、性能监控等场景。
javascript中的装饰器是一种特殊类型的声明，可以被附加到类声明、方法、访问器、属性或参数上。它使用一种简洁的语法，通过在目标前添加@expression的形式来实现功能扩展，这种expression求值后必须是一个函数，该函数会在运行时被调用，传入被装饰的声明信息。
装饰器的基本语法与执行时机
装饰器以@符号开头，紧跟一个函数名或表达式：
@logclass class MyClass { @readonly name = ‘example’; }
上述代码中，@logClass修饰整个类，@readonly修饰属性。装饰器函数在脚本加载时立即执行，而不是实例化类时才执行。这意味着装饰器是静态分析阶段起作用的机制，适合用于元编程，比如日志记录、权限控制、性能监控等场景。
类装饰器的应用方式
类装饰器接收一个参数：构造函数。它可以返回一个新的构造函数或修改原类的原型。
立即学习“Java免费学习笔记（深入）”；
function logClass(target: Function) { console.log(‘类被创建:’, target.name); } @logClass class Person { constructor(public name: String) {} } // 输出：类被创建: Person
这个例子中，logClass在Person类定义时就被调用，打印出类名。你可以利用这一点做注册、埋点或动态增强类的行为。
方法装饰器与属性控制
方法或属性装饰器接受三个参数：对于静态成员是类的构造函数，对于实例成员是类的原型对象；成员的名字；成员的属性描述符。
function readonly(target: any, propertyKey: string, descriptor: PropertyDescriptor) { descriptor.writable = false; } class MathOperations { @readonly pi = 3.14; }
这里@readonly确保pi属性不可更改。descriptor提供了对底层行为的控制能力，比如将方法变为只读、添加前置逻辑（类似AOP中的before advice）等。
实际应用场景举例
装饰器在框架开发中非常有用，比如angular就广泛使用装饰器来标记组件、输入输出属性等。在业务项目中也可以这样用：
- 自动绑定this：用@bind避免手动bind(this)
- 防抖节流：@debounce(300)限制高频触发的方法
- 校验参数：@validate在方法执行前检查入参合法性
- 日志追踪：@log记录方法调用情况便于调试
基本上就这些。装饰器让JavaScript具备了更强的元编程能力，尤其是在组织大型应用逻辑时能显著提升代码可读性和复用性。虽然目前还处于提案阶段（Stage 3），但通过Babel或typescript已可稳定使用。