TypeScript中继承Omit处理后的类型时必填属性变可选问题

问题描述 #

在使用TypeScript的Omit工具类型移除源接口成员并进行扩展时遇到异常：
直接扩展接口A时，a1和a2均为必填属性；期望接口B继承A除a2外的所有成员，且a1保持必填，但使用Omit后a1意外变成了可选属性。

代码示例 #

interface A extends Record<string, any> {
    a1: string;
    a2: number;
}

interface B extends Omit<A, 'a2'>{
    b1: string;
    b2: number;
}

const example: B = {
    // 理应报错，a1为必填项，但实际无报错
    b1: 'string',
    b2: 12,
}

解决思路 #

根因分析 #

接口A继承了Record<string, any>，这会让TypeScript认为A包含任意字符串索引的属性。当使用Omit移除a2后，原本的必填属性a1会被索引签名覆盖——因为Record<string, any>允许任意属性存在或不存在，导致a1的必填性被消解，变成可选。

解决方案1：移除不必要的索引签名继承 #

如果业务逻辑不需要Record<string, any>的任意索引能力，直接去掉这部分继承即可：

interface A {
    a1: string;
    a2: number;
}

interface B extends Omit<A, 'a2'> {
    b1: string;
    b2: number;
}

const example: B = {
    // 此时会正确报错：缺少必填属性a1
    b1: 'string',
    b2: 12,
}

解决方案2：显式Pick必填属性（保留索引签名的情况） #

如果必须保留Record<string, any>的继承，需要用Pick显式保留a1的必填性，再结合Omit和新属性进行合并：

interface A extends Record<string, any> {
    a1: string;
    a2: number;
}

// 显式Pick保留a1的必填性，再合并Omit后的其他属性和新属性
type B = Pick<A, 'a1'> & Omit<A, 'a2'> & {
    b1: string;
    b2: number;
}

const example: B = {
    // 同样会正确报错：缺少必填属性a1
    b1: 'string',
    b2: 12,
}

补充说明 #

当接口存在索引签名时，Omit工具类型无法正确保留原本的必填属性——因为索引签名的优先级高于显式定义的属性。通过Pick显式指定需要保留的必填属性，可以强制维持其必填性，避免被索引签名覆盖。

内容的提问来源于stack exchange，提问作者Luckylooke