打字稿装饰器功能通用类型

Question

我正在创建一个 Express rest API，同时也在研究创建我自己的装饰器函数。 我现在正在为控制器类创建一个装饰器。

但是每当我想将此装饰器添加到控制器时，我都会收到以下错误：

Unable to resolve signature of class decorator when called as an expression. Type 'Constructable' is not assignable to type 'typeof ZoneController'. Property 'getZones' is missing in type 'RestController' but required in type 'ZoneController'.

此错误不会在 stackblitz 中弹出（它应该在 ZoneController 的装饰器中弹出），但有关代码，请参阅Stackblitz

这是有道理的，因为 RestController 是 ZoneConroller 的父类，所以它不知道任何方法。 为了解决这个问题，我想向控制器装饰器添加一个通用类型：

type Constructable<T> = new (...args: any[]) => T

export function Controller<T extends RestController>(restCtor: Constructable<T>): Constructable<T> {
  return class extends restCtor {
    router = null
  }
}

但这会导致以下错误：

Class '(Anonymous class)' incorrectly extends base class 'T'. '(Anonymous class)' is assignable to the constraint of type 'T', but 'T' could be instantiated with a different subtype of constraint 'RestController'

我不知道我应该如何解决这个错误。 有关错误和代码，请参阅以下Stackblitz 。 我找到了一些关于这个错误的文档（这里和这里），但我不清楚我应该如何更改我的代码来解决这个错误。

我应该如何更改我的代码以解决此问题？ 我正在使用 typescript v4.0.2和以下 TSConfig：

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  }
}

Answer 1

类的定义可以使用接口编写：

interface SomeClass {
  new(...args: any[]): SomeClass
}

遵循相同的模式，我想你会想要改变你对Constructable的定义：

type Constructable<T> = new (...args: any[]) => Constructable<T>