在 Typescript 中键入可选的可调用装饰器

Question

我正在为一些 js 库编写打字稿。我需要声明可选的可调用装饰器：

@model
class User {}

@model()
class User {}

@model('User')
class User {}

我尝试使用来自lib.es6.d.ts 的ClassDecorator，但没有成功：

// works
export const model: ClassDecorator;

// error TS1238: Unable to resolve signature of class decorator when called as an expression. Cannot invoke an expression whose type lacks a call signature. Type 'ClassDecorator | CallableModelDecorator' has no compatible call signatures
type CallableModelDecorator = (name?: string) => ClassDecorator;
export const model: ClassDecorator | CallableModelDecorator;

当然，我可以将手动输入作为解决方法：

export function model<TFunction extends Function>(target: TFunction): TFunction | void;
export function model(name?: string):
  <TFunction extends Function>(target: TFunction) => TFunction | void;

但是在这种情况下我如何重用现有的ClassDecorator 类型呢？

Answer 1

问题是你使用的是联合类型，这些类型的变量只有两种类型的共同成员，所以在这种情况下，由于只有一种类型是可调用的，联合将不可调用

您正在寻找一个交集类型，它将同时具有两种类型的成员

export const model: ClassDecorator & CallableModelDecorator;