装饰器，JavaScript中的魔法工具

装饰器，在计算机编程中，是指一种在不改变源代码的情况下为对象添加新功能的编程技术。装饰器在 JavaScript 中的使用相对较晚，但在近几年里，随着 TypeScript 的流行和 MobX 等框架的兴起，装饰器逐渐成为了 JavaScript 开发者们常用的工具之一。

装饰器主要用于以下几个方面：

• 代码重用：装饰器可以将一些常用的功能抽取出来，形成一个独立的函数或类，然后通过装饰器来应用到不同的对象上，从而实现代码的重用。
• 代码维护：装饰器可以将一些与业务逻辑无关的功能从业务代码中分离出来，从而使业务代码更加简洁易读，也更容易维护。
• 代码整洁：装饰器可以帮助开发者组织代码，使代码结构更加清晰，从而提高代码的可读性和可维护性。

装饰器模式是一种设计模式，它可以将一个对象的责任附加到另一个对象上，从而使两个对象协同工作。装饰器模式可以动态地为对象添加新的功能，而不需要改变对象本身的代码。

在 JavaScript 中，装饰器可以通过以下几种方式实现：

• 函数装饰器：函数装饰器是一种最简单的装饰器类型，它可以将一个函数作为参数，然后返回一个新的函数，该新函数在执行时会先执行装饰器函数，然后再执行原始函数。
• 类装饰器：类装饰器可以将一个类作为参数，然后返回一个新的类，该新类继承了原始类的所有属性和方法，并添加了装饰器函数所添加的新属性和方法。
• 属性装饰器：属性装饰器可以将一个类或对象的属性作为参数，然后返回一个新的属性，该新属性具有装饰器函数所添加的新属性和方法。

装饰器在 JavaScript 中的使用非常灵活，开发者可以根据自己的需要来选择合适的装饰器类型。

以下是一个使用函数装饰器来记录函数执行时间的示例：

function measureTime(target) {
  const originalFunction = target;
  function wrapper(...args) {
    console.time('Execution time');
    const result = originalFunction.apply(this, args);
    console.timeEnd('Execution time');
    return result;
  }
  return wrapper;
}

@measureTime
function sum(a, b) {
  return a + b;
}

console.log(sum(1, 2));

在这个示例中，measureTime 函数是一个装饰器函数，它将 sum 函数作为参数，并返回了一个新的函数 wrapper。wrapper 函数在执行时会先记录函数执行时间，然后调用原始函数 sum，最后将执行结果返回。这样，当我们调用 sum 函数时，就可以记录它的执行时间了。

装饰器是一个非常强大的工具，它可以帮助开发者编写出更加灵活、维护性更好的代码。随着 JavaScript 的发展，装饰器将会发挥越来越重要的作用。