如何理解ES6中 Decorator 的？使用场景？
参考答案：
ES6中的Decorator（装饰器）是一种特殊类型的声明，它可以被附加到类声明、方法、属性或参数上。装饰器使用@符号来表示，后面紧跟着一个函数，这个函数将在被装饰的声明之前或之后执行。
装饰器的主要作用是在不修改原始代码的前提下，为类、方法、属性或参数添加额外的功能。这使得我们可以在不改变原始代码结构的情况下，对代码进行扩展和增强。
如何理解Decorator？
装饰器可以被看作是一个函数，它接受一个目标对象（类、方法、属性或参数）作为参数，并返回一个新的对象（可能是修改后的原始对象或一个新的对象）。装饰器可以在目标对象的不同生命周期阶段执行，例如：在类创建之前、方法执行之前或之后等。
装饰器函数可以接收多个参数，第一个参数是被装饰的目标对象，后面的参数是传递给目标对象的参数。装饰器函数可以返回一个新的对象，也可以返回一个修改后的原始对象。
使用场景
装饰器在多种场景下都很有用，以下是一些常见的使用场景：
- 日志记录：使用装饰器在方法执行前后记录日志，方便跟踪和调试。
- 性能监控：在方法执行前后记录时间，以计算方法的执行时间。
- 权限验证：使用装饰器对类的方法进行权限验证，确保只有具有相应权限的用户才能访问。
- 数据验证：在方法执行前对输入参数进行验证，确保参数的有效性。
- 缓存：使用装饰器对方法进行缓存处理，提高程序的执行效率。
- AOP（面向切面编程）：通过装饰器实现类似AOP的功能，如事务管理、日志记录等。
示例
下面是一个简单的装饰器示例，用于在方法执行前后记录日志：
function log(target, propertyKey, descriptor) {
const originalMethod = descriptor.value;
descriptor.value = function (...args) {
console.log(`Before calling ${propertyKey}`);
const result = originalMethod.apply(this, args);
console.log(`After calling ${propertyKey}`);
return result;
};
return descriptor;
}
class MyClass {
@log
myMethod() {
console.log('Hello, world!');
}
}
const obj = new MyClass();
obj.myMethod();
在这个示例中，log是一个装饰器函数，它接受三个参数：目标对象（target）、属性键（propertyKey）和描述符（descriptor）。装饰器函数修改了原始方法的描述符，添加了在方法执行前后记录日志的逻辑。
当我们调用obj.myMethod()时，会先打印Before calling myMethod，然后执行原始方法，最后打印After calling myMethod。