TypeScript interface 中使用联合类型出现报错？

Question

interface Person {
    name: string,
    age?: number, 
    [propName: string]: string | number,
}

当Person接口中使用了联合类型时，age报错：类型“number | undefined”的属性“age”不能赋给“string”索引类型“string | number”。是什么原因啊？

Answer 1

你的类型等同于

age: number | undefined

但是你设置了索引签名，interface中的所有成员都必须符合字符串的索引签名，此时你的agee显然是满足不了[propName: string]: string | number的，就报错了
可以改成这样

interface Person {
    name: string,
    age?: number, 
    [propName: string]: string | number | undefined,
}