typescript - 谁能解释一下这个 TypeScript 语句吗？

Question

我是 TypeScript 的新手。

谁能解释一下这个 TypeScript 代码片段的含义吗？

function MappableMixin<T extends Constructor<Model<MappableTraits>>>(Base: T) {

代码链接为here

谢谢。

Answer 1

让我们一点一点地分解:

function MappableMixin(Base: T)

该函数采用泛型类型 T a 它的参数

function MappableMixin<T extends Something>(Base: T)

<TypeArgument>函数名称和 (params) 之间的术语term 告诉 typescript 期望此函数的返回类型为 TypeArgument 类型。在这种情况下TypeArgument格式为T extends Something ，这意味着返回的值将是扩展 Something 的类型，这意味着它具有 Something 的所有属性。本质上在这种情况下，MappableMixin接受一些参数，并返回该参数以及类型 Something 的额外属性.

<Model<MappableTraits>>

这是带有类型参数的泛型类型。例如，您可能有一个类型 Model ，它接受类型作为参数:

interface Model<T> {
  thing1: string;
  thing2: T
}

使用<Model<MappableTraits>>的情况, Model<T>会有这样的类型

interface Model<MappableTraits> {
  thing1: string;
  thing2: MappableTraits
}

所以Constructor<Model<MappableTraits>>>遵循相同的模式，只有 2 层深。

所以整个短语的意思是MappableMixin是一个返回您所赋予值的扩展版本的函数。该扩展的具体类型为 Constructor<Model<MappableTraits>>> ，这是一个 2 层 typescript 泛型。