手写方法装饰器（MethodDecorator）

最新推荐文章于 2024-09-15 08:40:01 发布

Delicia_Lani

最新推荐文章于 2024-09-15 08:40:01 发布

阅读量553

点赞数

分类专栏： Angular js TypeScript

本文链接：https://blog.csdn.net/qq_29918313/article/details/104448395

版权

本文探讨了在Angular中如何使用装饰器，通过实例展示了手写方法装饰器的步骤，包括获取方法名、保存原始描述符以及实现只读装饰器以防止方法被重写。在尝试覆盖已装饰的方法时，系统将抛出错误。

摘要由CSDN通过智能技术生成

angular中装饰器：https://www.jianshu.com/p/650023b6a62c

手写一个方法装饰器：

export class AppComponent implements OnInit {
  ngOnInit() {
    new Person().pay(100);
  }
}
function methodName(target: any, key: string, descriptor: PropertyDescriptor) {
  const origin = descriptor.value;
  descriptor.value = function delegate() {
    const className = target.constructor.name;
    const args = JSON.stringify(arguments);
    console.log(`${className}.${key}.${args}`);
    return origin.call(this, ...arguments);
  };
}

class Person {
  @methodName
  pay(money) {
    console.log(money);
  }
}

打印结果：