写ts的时候看到一个@xxx的东西，记录一下
作用
装饰器（Decorators）是一种在现代编程语言中常见的概念，用于给类、方法、属性等添加元数据或附加功能。在 JavaScript 中，装饰器通常与框架（如Angular、React、NestJS等）和 TypeScript 结合使用。它们具有以下作用：
- 添加元数据： 装饰器可以用于向类、方法或属性添加元数据，这些元数据可以在运行时被访问。这对于描述类的特性或配置非常有用。
- 修改行为： 装饰器可以修改类、方法或属性的行为。通过装饰器，您可以在不改变原始代码的情况下，为它们添加额外的逻辑或功能。
- 分离关注点： 装饰器有助于将代码的不同关注点分离开，使代码更易于维护和理解。例如，可以将日志记录、验证、依赖注入等逻辑从核心代码中分离出来，通过装饰器来处理。
- 重用代码： 装饰器可以用于创建可重用的功能块，以便在多个类或组件中使用。这有助于减少代码重复和保持一致性。
- 改进可读性： 使用装饰器可以使代码更具可读性和表达性。它们可以提供更清晰的代码结构，减少样板代码。
总的来说，装饰器是一种强大的工具，用于增强代码的功能和可维护性，特别是在构建复杂的应用程序和使用框架时，它们可以大大简化开发过程。
使用
装饰器的用法可以根据编程语言和框架的不同而有所差异。以下是装饰器的一般用法和示例，以便更好地理解它们的应用：
- 类装饰器：用于装饰类，通常接受一个类构造函数作为参数。示例：
function Logger(target: Function) {
console.log(`Class ${target.name} is decorated.`);
}
@Logger
class MyClass {
// Class logic here
}
- 方法装饰器：用于装饰类的方法，通常接受三个参数，包括目标对象、方法名称和属性描述符。示例：
function LogMethod(target: any, key: string, descriptor: PropertyDescriptor) {
const originalMethod = descriptor.value;
descriptor.value = function (...args: any[]) {
console.log(`Calling method ${key} with arguments ${args}`);
return originalMethod.apply(this, args);
};
}
class MyClass {
@LogMethod
myMethod() {
// Method logic here
}
}
- 属性装饰器：用于装饰类的属性，通常接受两参数，包括目标对象和属性名称。示例：
function ReadOnly(target: any, key: string) {
Object.defineProperty(target, key, {
writable: false,
});
}
class MyClass {
@ReadOnly
myProperty: number = 42;
}
- 参数装饰器：用于装饰函数的参数，通常接受三个参数，包括目标对象、方法名称和参数索引。示例：
function ValidateParam(target: any, methodName: string, paramIndex: number) {
// Validation logic for the parameter
}
class MyClass {
myMethod(@ValidateParam param1: string) {
// Method logic here
}
}
- 多个装饰器组合：可以在同一个目标上应用多个装饰器，它们按照从上到下的顺序执行。
装饰器的具体用法取决于编程语言和框架，以及您的需求。通常，它们用于添加功能、元数据或修改行为，以改进代码的结构和可维护性。
