打字稿装饰器参数

Question

我想了解 Typescript 装饰器的不同参数。

function myDecorator(target) {
  // do something with 'target' ...
}

在上面的例子中，我知道target代表了装饰器所附加的函数/类，但是装饰器的其他参数是什么，它们的含义是一个命令，我也想获得一个官方文档的链接指定这个。

提前致谢。

Answer 1

装饰器需要一个参数，它装饰的目标和更多参数，具体取决于目标的类型，例如

方法装饰器

方法装饰器的表达式将作为函数调用 在运行时，使用以下三个参数：

• 要么是静态成员的类的构造函数，要么是实例成员的类的原型。
• 成员的姓名。
• 成员的属性描述符。

您可以在 TypeScript Decorators 上找到所有装饰器类型的完整列表：

• 类装饰器

  • 仅目标类

• 方法装饰器

  • 要么是静态成员的类的构造函数，要么是实例成员的类的原型，
  • 成员的姓名，
  • 成员的属性描述符

• 访问器装饰器

  • 要么是静态成员的类的构造函数，要么是实例成员的类的原型。
  • 成员的姓名。
  • 成员的属性描述符。

• 属性装饰器

  • 要么是静态成员的类的构造函数，要么是实例成员的类的原型。
  • 成员的姓名。

• 参数装饰器

  • 要么是静态成员的类的构造函数，要么是实例成员的类的原型。
  • 成员的姓名。
  • 函数参数列表中参数的序号索引。

另外：

如果我们想自定义如何将装饰器应用于声明， 我们可以写一个装饰器工厂。装饰工厂只是一个 返回将被调用的表达式的函数 运行时的装饰器。

[TypeScript Decorators]

您可以根据需要创建带有参数的装饰器工厂。它们没有限制或指定。

TypeScript 文档中的示例。

装饰者：

function sealed(target) {
  // do something with 'target' ...
}

适用于

@sealed x

装饰厂：

function color(value: string) {
  // this is the decorator factory
  return function (target) {
    // this is the decorator
    // do something with 'target' and 'value'...
  };
}

申请为

@color('blue') x