js装饰器是什么 有什么作用

 JavaScript中的装饰器（Decorator）是一种特殊的语法，它可以用来修改类、方法、属性等的行为。装饰器可以看作是一种函数，它接收一个或多个参数，并返回一个新的函数或对象，从而实现对目标对象的扩展或修改。

装饰器在ES6中已经被正式纳入标准，但在JavaScript社区中，常常使用Babel等工具来实现装饰器的功能。

装饰器有以下几个常见的作用：

1. 类装饰器：用来修改类的行为，可以在类定义前加上@decorator来使用。

   function logClass(target: any) {
     console.log(target);
   }

   @logClass
   class MyClass {
     //...
   }

2. 方法装饰器：用来修改方法的行为，可以在方法定义前加上@decorator来使用。

   function logMethod(target: any, key: string, descriptor: PropertyDescriptor) {
     console.log(target, key, descriptor);
   }

   class MyClass {
     @logMethod
     myMethod() {
       //...
     }
   }

3. 属性装饰器：用来修改属性的行为，可以在属性定义前加上@decorator来使用。

   function logProperty(target: any, key: string) {
     console.log(target, key);
   }

   class MyClass {
     @logProperty
     myProperty: string = 'Hello';
   }

通过装饰器，我们可以方便地对类、方法、属性等进行增强、拦截、扩展等操作，从而使得代码更加清晰、简洁和易于维护。但是需要注意的是，装饰器的使用需要谨慎，过多的装饰器可能会导致代码的复杂度增加，从而影响代码的可读性和性能。