1.4 装饰器的简单示例

LetsStudy

于 2022-11-09 15:51:57 发布

阅读量127

点赞数

CC 4.0 BY-SA版权

分类专栏： typescript 文章标签： javascript 前端开发语言 typescript

本文链接：https://blog.youkuaiyun.com/LetsStudy/article/details/127771428

typescript 专栏收录该内容

5 篇文章

订阅专栏

本文深入探讨了 TypeScript 中的类装饰器、方法装饰器、属性装饰器、访问器装饰器以及参数装饰器的用法，并通过一个详细的类 `A` 的实例展示了它们如何工作。装饰器用于在运行时修改类的行为或属性，是 TypeScript 中一种强大的元编程手段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 *类装饰器
 */
function log(name: string) {
  return function(target: any) {
    target.prototype.name = name;
  };
}

/**
 * 方法装饰器
 */
function logM(n: number) {
  return function(target: any, key: string, d: PropertyDescriptor) {
    d.value = function() {
      console.log(n);
    };
  };
}

/**
 * 属性装饰器
 */
function logP(arms: string) {
  return function(target: any, key: string) {
    target[key] = arms;
  };
}

/**
 * 访问器装饰器
 */
function logG() {
  return function(target: any, key: string, d: PropertyDescriptor) {
    d.get = function() {
      console.log("get");
    };

  };
}

/**
 * 参数装饰器
 */
function logA(target: object, key: any, n: number) {
  console.log(key, n);
}

@log("A")
class A {
  @logP("hello")
  info: string;

  constructor() {
  }

  @logM(102)
  e() {
    console.log("run");
  }

  f() {
    console.log(this.info);
  }

  @logG()
  get test() {
    return this.info;
  }

  reset(@logA info: number) {

  }
}

let q: any = new A();
console.log(q.name);
console.log(q.info);
q.test;
q.e();
q.reset(1);