带你读《现代Javascript高级教程》二十、JavaScript修饰器：简化代码，增强功能（2）

带你读《现代Javascript高级教程》二十、JavaScript修饰器：简化代码，增强功能（1）https://developer.aliyun.com/article/1349539?groupCode=tech_library

4. 方法修饰器

应用场景

方法修饰器用于修改类的方法行为。它可以在方法定义之前应用，以修改方法的特性和行为。

常见的应用场景包括：

• 日志记录：在方法执行前后记录日志信息。
  
• 验证和授权：对方法进行验证和授权操作。
  
• 性能分析：测量方法执行时间，进行性能分析。
  
• 缓存：为方法添加缓存功能，提高性能。
  

示例代码

下面是一个使用方法修饰器实现日志记录的示例：

function log(target, name, descriptor) {
  const originalMethod = descriptor.value;
  descriptor.value = function(...args) {
    console.log(`Executing method ${name}`);
    const result = originalMethod.apply(this, args);
    console.log(`Method ${name} executed`);
    return result;
  };
  return descriptor;}
class MyClass {
  @log
  myMethod() {
    // 代码逻辑
  }}
const myObj = new MyClass();
myObj.myMethod();

在上面的示例中，我们定义了一个名为log的修饰器函数。该修饰器函数接收三个参数，分别是target（类的原型或构造函数）、name（方法名）和descriptor（方法的属性描述符）。在修饰器函数内部，我们获取原始方法并将其保存到originalMethod中。然后，我们修改descriptor.value，将其替换为一个新的函数，该函数在执行原始方法前后打印日志信息。最后，我们返回修改后的属性描述符。

5. 属性修饰器

应用场景

属性修饰器用于修改类的属性行为。它可以在属性定义之前应用，以修改属性的特性和行为。

常见的应用场景包括：

• 日志记录：在属性读取或写入时记录日志信息。
  
• 验证和授权：对属性进行验证和授权操作。
  
• 计算属性：根据其他属性的值计算属性的值。
  
• 缓存：为属性添加缓存功能，提高性能。
  

带你读《现代Javascript高级教程》二十、JavaScript修饰器：简化代码，增强功能（3）https://developer.aliyun.com/article/1349537?groupCode=tech_library