什么是 JavaScript 中的装饰器，怎么用

装饰器（Decorator）是一种在 JavaScript 中用于修改类或类方法的语法特性。装饰器是一个特殊的函数，它可以被附加到类声明、方法、属性或参数上，以实现对它们的扩展或修改。

装饰器可以用来改变类的行为，添加特定的功能，或者修改类的属性和方法。装饰器常用于一些实用的任务，如日志记录、性能分析、输入验证等，可以提高代码的可维护性和可读性。

装饰器的语法使用 @ 符号紧跟在被装饰的内容之前。它可以单独使用，如 @decorator，也可以带有参数，如 @decorator(args)。装饰器函数可以接受不同的参数，具体取决于装饰的内容和需要实现的功能。

以下是一个装饰器的示例：

function log(target, name, descriptor) {
  const originalMethod = descriptor.value;
  descriptor.value = function (...args) {
    console.log(`Calling method ${name} with arguments: ${args}`);
    return originalMethod.apply(this, args);
  }
  return descriptor;
}
class Calculator {
  @log
  add(a, b) {
    return a + b;
  }
}
const calculator = new Calculator();
console.log(calculator.add(2, 3)); // 输出：Calling method add with arguments: 2,3 5

在上述示例中，log 装饰器函数接受三个参数：target 表示装饰的类的原型对象，name 表示装饰的方法名，descriptor 表示属性描述符。装饰器函数修改了原始的方法实现，添加了日志记录的功能。

通过 @log 装饰器将日志功能应用到了 add 方法上，当调用 add 方法时，会首先打印日志信息，然后再执行原始的方法实现。