VVLL.net

Decorators(装饰器)

日期:2024-08-22 09:58:31

TypeScript 中的装饰器(Decorators)是一种实验性特性,它可以用来添加元数据和修改类及其成员的行为。装饰器是一种函数,可以附着在类声明、方法、访问器、属性或参数上,并在运行时通过 @decorator 语法应用于相应的声明或表达式上。

1. 基本概念

装饰器允许开发者通过注释或修饰类的方式来声明一些特性,这些特性包括:

  • 类装饰器:应用于类的声明之前,可以用来修改类的行为。
  • 方法装饰器:应用于方法的声明之前,可以用来修改方法的行为。
  • 访问器装饰器:应用于访问器(getter 和 setter)的声明之前,可以用来修改访问器的行为。
  • 属性装饰器:应用于属性的声明之前,可以用来修改属性的行为。
  • 参数装饰器:应用于函数参数的声明之前,可以用来修改参数的行为。

2. 使用装饰器的语法

装饰器是一个函数,它接收三个参数:

  • 对于类成员(方法、属性、访问器或参数),装饰器的参数如下:
    • 对于静态成员,是类的构造函数。
    • 对于实例成员,是类的原型对象。
    • 对于方法、访问器和属性,是成员的名称。
    • 对于参数,是参数的索引。

装饰器函数的实现可以是任何有效的 JavaScript 函数,通常返回一个函数或者直接操作传入的参数。

3. 示例

3.1 类装饰器示例

// 类装饰器示例
function Logger(target: Function) {
  console.log('Logger invoked on', target);
}

@Logger
class MyClass {
  constructor(private name: string) {}

  greet() {
    console.log(`Hello, ${this.name}!`);
  }
}

const myInstance = new MyClass('Alice');
myInstance.greet(); // 输出:Hello, Alice!
</