TypeScript 装饰器是什么？新旧两套装饰器有什么区别？

class 定义被求值
  → 按顺序求值各个 @ 后面的表达式（如 @log、@retry(3)）
  → 调用装饰器函数，传入被装饰的方法、字段或类
  → 用返回值替换原来的成员（如果有返回值）
之后每次调用方法，执行的是替换后的函数

function log<This, Args extends unknown[], Return>(
  target: (this: This, ...args: Args) => Return,
  context: ClassMethodDecoratorContext<This, (this: This, ...args: Args) => Return>,
) {
  const name = String(context.name)
  // 返回的新函数会替换原方法
  return function (this: This, ...args: Args): Return {
    console.log(`调用 ${name}`, args)
    return target.call(this, ...args)
  }
}

class OrderService {
  @log
  create(id: number) {
    return { id }
  }
}

new OrderService().create(1) // 输出：调用 create [ 1 ]

function log(target: object, propertyKey: string, descriptor: PropertyDescriptor) {
  const original = descriptor.value
  // 改写描述符的 value，替换原方法
  descriptor.value = function (this: unknown, ...args: unknown[]) {
    console.log(`调用 ${propertyKey}`, args)
    return original.apply(this, args)
  }
}

class OrderService {
  @log
  create(id: number) {
    return { id }
  }
}

new OrderService().create(1) // 输出同上