继承后重写默认类类型：子类新增参数能否覆盖接口类型？

可以实现，但你当前的代码存在类型不匹配的问题——父类Default的fields被固定为DefaultFields类型，导致子类传入的FormFields虽然继承了父接口，但最终子类实例的fields无法访问新增的字段（比如radioToggle），TypeScript会认为它还是DefaultFields类型。

解决方案：将父类改造为泛型类 #

通过泛型让父类支持自定义字段类型，同时保留默认的DefaultFields作为基础，这样既能继承父类默认字段，又能在子类中扩展新字段。

修改后的父类代码

interface DefaultFields {
    cellphoneInput: string;
    legalCheckbox: string;
}

// 泛型类，T约束为DefaultFields，默认值为DefaultFields
class Default<T extends DefaultFields = DefaultFields> {
    submitButton: string;
    fields: T;

    constructor(
        // 使用Partial<T>允许传入部分字段
        fields: Partial<T> = {} as Partial<T>,
        submitButton: string = `button#btn-submit-%s`,
    ) {
        // 定义父类的默认基础字段
        const defaultBaseFields: DefaultFields = {
            cellphoneInput: `$input-c2c-phone`,
            legalCheckbox: `input[name="legal"]`,
        };
        // 合并默认字段与传入字段，断言为T类型（T继承自DefaultFields，结构匹配）
        this.fields = { ...defaultBaseFields, ...fields } as T;
        this.submitButton = submitButton;
    }
}

修改后的子类代码

interface FormFields extends DefaultFields {
    radioToggle: string;
    checkToggle: string;
    emailField: string;
    citySelector: string;
}

// 继承时指定泛型参数为FormFields
export default class MainForm extends Default<FormFields> {
    constructor() {
        const fields: Partial<FormFields> = {
            radioToggle: `label[for="%s-radio-fi"]`,
            checkToggle: `label[for="%s-check-isClient"]`,
            emailField: `label[for="%s-input-email"]`,
            citySelector: `label[for="%s-select-city"]`,
        };
        super(fields);
    }
}

关键改动说明 #

1. 泛型约束：父类Default的泛型参数T被约束为DefaultFields，确保子类的字段接口必须继承父类的默认字段结构，同时默认值设为DefaultFields，不指定泛型时保持原有行为。
2. Partial类型：构造函数的fields参数改为Partial<T>，允许子类只传入新增的字段，无需重复父类的默认字段。
3. 类型断言：合并默认字段与传入字段后，通过as T告诉TypeScript合并后的结构符合子类的字段类型，确保类型检查通过。
4. 子类指定泛型：子类继承时明确指定泛型为FormFields，这样MainForm实例的fields属性会被TypeScript识别为FormFields类型，正常访问所有新增字段。

这样改造后，既能保留父类的默认字段，又能在子类中安全扩展新字段，同时满足类型检查要求。

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