方法装饰器中获取静态属性&实例属性

静态属性

在 TypeScript 中，如果你想在方法装饰器中访问所属类的静态属性，可以通过 target 参数来实现。对于实例方法，target 是类的原型对象（ClassName.prototype），而对于静态方法，target 是类的构造函数（ClassName）。因此，你可以通过 target.constructor 来访问类的构造函数，从而访问类的静态属性。

以下是一个示例，展示如何在方法装饰器中访问类的静态属性：

function LogMethod(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
  const originalMethod = descriptor.value;

  descriptor.value = function (...args: any[]) {
    // 通过 target.constructor 访问类的构造函数，然后访问静态属性
    const staticValue = target.constructor.staticProperty;
    console.log(`Static Property Value: ${staticValue}`);

    console.log(`Method ${propertyKey} was called with args: ${JSON.stringify(args)}`);
    return originalMethod.apply(this, args);
  };

  return descriptor;
}

class ExampleClass {
  static staticProperty: string = "I am a static property";

  @LogMethod
  exampleMethod(arg1: number, arg2: string) {
    console.log(`Executing exampleMethod with ${arg1} and ${arg2}`);
  }
}

const exampleInstance = new ExampleClass();
exampleInstance.exampleMethod(42, "Hello");

解释

• target.constructor: 在实例方法的装饰器中，通过 target.constructor 可以访问到类的构造函数，从而访问类的静态属性。
• staticProperty: 这是 ExampleClass 的静态属性。
• 在装饰器中访问静态属性: 在 LogMethod 装饰器中，我们首先通过 target.constructor.staticProperty 获取静态属性的值，并打印出来。

这种方法允许你在方法装饰器中访问类的静态属性，从而在装饰器逻辑中使用这些静态属性的信息。

实例属性

在 TypeScript 中，方法装饰器的 target 参数不能直接用于访问实例属性，因为 target 对于实例方法是类的原型对象，而不是特定的实例本身。不过，你可以在装饰器中通过 this 关键字来访问实例属性，因为 this 在装饰的方法被调用时指向的是该方法所属的实例。

以下是一个示例，展示如何在方法装饰器中访问类的实例属性：

function LogMethod(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
  const originalMethod = descriptor.value;

  descriptor.value = function (...args: any[]) {
    // 在方法被调用时，`this` 指向实例，因此可以访问实例属性
    const instanceProperty = this.instanceProperty;
    console.log(`Instance Property Value: ${instanceProperty}`);

    console.log(`Method ${propertyKey} was called with args: ${JSON.stringify(args)}`);
    return originalMethod.apply(this, args);
  };

  return descriptor;
}

class ExampleClass {
  instanceProperty: string = "I am an instance property";

  @LogMethod
  exampleMethod(arg1: number, arg2: string) {
    console.log(`Executing exampleMethod with ${arg1} and ${arg2}`);
  }
}

const exampleInstance = new ExampleClass();
exampleInstance.exampleMethod(42, "Hello");

解释

• this.instanceProperty: 在装饰器中，通过 this 访问实例属性。this 在方法执行时指向当前实例。
• LogMethod 装饰器: 在 LogMethod 中，通过访问 this.instanceProperty，我们能够获取到实例属性的值，并在日志中输出。

这种方法允许你在方法装饰器中访问实例属性，从而能够在装饰器逻辑中结合实例的状态进行处理。确保在装饰器中调用 originalMethod.apply(this, args) 时使用 this，以确保方法在正确的上下文中执行。