在Angular中如何使用TypeScript装饰器增强类的功能比如日志记录

在Angular中，可以使用TypeScript装饰器来增强类的功能，比如日志记录。以下是一个简单的例子：

// 创建一个日志装饰器
function Log(target: any, key: string) {
  // 保存原始方法的引用
  const originalMethod = target[key];

  // 重新定义方法
  target[key] = function(...args: any[]) {
    console.log(`Calling ${key} with arguments: ${args.join(', ')}`);
    const result = originalMethod.apply(this, args);
    console.log(`Method ${key} returned: ${result}`);
    return result;
  }
}

// 使用装饰器增强类的功能
class MyClass {
  @Log
  myMethod(arg1: number, arg2: string): number {
    return arg1 + parseInt(arg2);
  }
}

// 创建实例并调用方法
const myInstance = new MyClass();
myInstance.myMethod(1, '2'); // 输出: Calling myMethod with arguments: 1, 2
                             // 输出: Method myMethod returned: 3

在上面的例子中，我们定义了一个名为Log的装饰器，它会在调用带有该装饰器的方法时输出日志信息。然后我们将该装饰器应用在MyClass类的myMethod方法上，当调用myMethod方法时，会在控制台输出日志信息。