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

  • 9
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值