typescript - 如何将值限制为对象的键？

Question

假设我有以下内容:

export const ContentType = {
    Json: "application/json",
    Urlencoded: "application/x-www-form-urlencoded",
    Multipart: "multipart/form-data",
};

export interface RequestOptions {
    contentType: string,
}

const defaultOptions: Partial<RequestOptions> = {
    contentType: ContentType.Json,
};

我将如何限制 contentType 以便仅使用 ContentType 中声明的键？

Answer 1

从 TypeScript 2.1 开始，这是我的首选方式:

export const contentTypes = {
    "application/json": true,
    "application/x-www-form-urlencoded": true,
    "multipart/form-data": true
};

type ContentType = keyof typeof contentTypes;

export interface RequestOptions {
    contentType: ContentType;
}

const defaultOptions: Partial<RequestOptions> = {
    contentType: "application/json",
};

Try it in TypeScript Playground

• 在对象字面量中定义一组有效字符串。
• 使用 keyof 创建一个包含该对象键的类型。它是一个字符串联合类型。
• 将您的字符串属性键入该联合类型，编译器将只允许这些字符串。