2024前端面试准备之TypeScript篇（二）

全文链接

1. TypeScript中的装饰器是什么以及如何使用

装饰器是一种特殊的函数，用于修改或增强其他函数的功能。在TypeScript中，装饰器可以用于类、方法、属性和参数上。

装饰器使用特殊的语法符号@，后跟一个装饰器函数。装饰器函数可以接收不同的参数，具体取决于装饰器的类型。

以下是一些常见的装饰器用法：

1. 类装饰器：用于修改或增强类的行为。可以在类定义之前使用@符号，后跟一个装饰器函数。装饰器函数接收一个参数，即被装饰的类的构造函数。可以在装饰器函数中修改类的原型、静态属性或方法等。

function classDecorator(constructor: Function) {
   
  // 修改类的行为
}

@classDecorator
class MyClass {
   
  // 类定义
}

2. 方法装饰器：用于修改或增强类的方法。可以在方法定义之前使用@符号，后跟一个装饰器函数。装饰器函数接收三个参数：被装饰的类的原型、方法的名称和方法的属性描述符。可以在装饰器函数中修改方法的行为、添加额外的逻辑等。

function methodDecorator(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
   
  // 修改方法的行为
}

class MyClass {
   
  @methodDecorator
  myMethod() {