基于泛型类型定义 TypeScript 类型

Question

让我们在 TypeScript (4.0.5) 中创建带有列 data 的 JSON 类型的 SQL 数据库表和此枚举：

enum EContentType {
  NOTHING,
  IMAGE,
  VIDEO
}

根据ContentType，我将不同的 JSON 模式保存到我的数据库中的data 列中。

例子：

• 对于IMAGE，保存{"path": "/foo/bar", "type": "jpeg"}
• 对于VIDEO，保存{"path": "/foo/bar", "length": 60}

是否可以使用泛型为这个 data 对象创建 TypeScript 类型，根据 EContentType 正确键入什么？

类似（伪）：

type TDataType<ContentType> = {
   [ContentType.IMAGE]: {path: string, type: string}
   [ContentType.VIDEO]: {path: string, length: number}
}

用法：

const concreteType: EContentType = EcontentType.IMAGE;

const typedDataField = dataField as TDataType<concreteType>;

这可能吗？或者不是，因为 TypeScript 只是静态类型的...... 任何不同的想法如何保证类型安全（不允许有人为IMAGE 内容类型保存length 属性）？

如果没有办法做到这一点，那么键入什么会像这样工作：

const data1 = dbDataField as TDataType<EContentType.IMAGE> // {path: string, type: string}
const data2 = dbDataField as TDataType<EContentType.VIDEO> // {path: string, length: number}

Answer 1

这不起作用，因为您将 ContentType 声明为一种类型但将其用作值。更好的方法是使用接口和extends 泛型上所需的属性，用于您想要预定义的任何内容

interface TDataType <T>{
   [key: string]: T
}

let a: TDataType<{path: string, type: string}>;
a.IMAGE = {path: 'aaa', type: 'bbbb'};
console.log(a); // output:  "IMAGE": {"path": "aaa", "type": "bbbb"}

或使用Record<Keys, type> 实用程序类型来定义https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeystype

interface Content{
  path: string, type: string
}

type ContentType = "IMAGE" | "VIDEO";

const concreteType: Record<ContentType , Content> = {
  IMAGE: { path: "", type: ""}
};

Answer 2

type TDataType = {
  [key in EContentType]: {path: string, type: string}
}

type TDataType2<T> = {
  [key in keyof T]: { path: string; type: string };
};

你可以这样使用。

---

示例）

enum EContentEnum {
  NOTHING,
  IMAGE,
  VIDEO,
}

type TDataType2<T> = {
  [key in keyof T]: { path: string; type: string };
};

const contentData: Pick<TDataType2<typeof EContentEnum>, 'IMAGE'> = {
  IMAGE: {
    path: 'imagePath',
    type: 'imageType',
  },
};

contentData.IMAGE

这是我的答案，但我不确定你是否想要。