装饰器：赋能JavaScript应用开发的强大工具

前端

2023-10-30 20:05:36

装饰器：赋能JavaScript应用开发的强大工具

JavaScript装饰器是ES7中引入的一项新特性，它允许开发者在类、方法和属性声明之前添加一些额外的元数据（metadata）。这些元数据可以用来修饰类的行为，或为类添加新的功能。装饰器在开发过程中有许多用途，例如：

日志记录
性能测量
安全性检查
缓存

装饰器的类型

装饰器有两种类型：类装饰器和方法装饰器。类装饰器在类声明之前使用，而方法装饰器在方法声明之前使用。

类装饰器

类装饰器用于修饰类本身，它可以用来为类添加新的属性或方法，或者修改类的行为。例如，以下装饰器可以为类添加一个名为"author"的属性：

@decorator
class MyClass {
  constructor() {
    this.author = "John Doe";
  }
}

方法装饰器

方法装饰器用于修饰类的方法，它可以用来为方法添加新的功能，或者修改方法的行为。例如，以下装饰器可以为方法添加一个名为"log"的功能，该功能会在方法执行前和执行后记录日志：

@decorator
log(target, name, descriptor) {
  // 在方法执行前记录日志
  console.log(`Calling ${name} with args ${JSON.stringify(arguments)}`);

  // 执行方法
  const result = descriptor.value.apply(this, arguments);

  // 在方法执行后记录日志
  console.log(`Called ${name} with result ${JSON.stringify(result)}`);

  // 返回方法的返回值
  return result;
}

class MyClass {
  @log
  sum(a, b) {
    return a + b;
  }
}