typescript 接口添加多余属性后会报错？

Question

interface Obj {
    name: string;
    num?: number;
    readonly sex?: string;
    [surName: string]: string;  //添加这行后，前面的 num 会报错
}

const func = (x: Obj):void => {
    console.log(x)
}

// 想实现下面的效果
func({name: 'june', str: 'str'})   // 这个能正常识别
func({name: 'june', boo: false})   // 这个会报错

Answer 1

num这个键的类型不是string吗？但[surName: string]: string要求所有键为string类型的对应值类型是string，这与num: number矛盾了。

Answer 2

因为你写的[surName: string]: string;，是Record<string, string>的意思，限制了对象里面所有的属性都是 string： string的类型。所以前面的 number类型 ?:string类型都会报错