什么是 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 方法时,会首先打印日志信息,然后再执行原始的方法实现。

你可能感兴趣的:(javascript,开发语言,ecmascript)