可索引类型接口的理解，不知道对不对

Question

老师，可索引类型那里的Animal和Dog可不可以这样理解：

//相当于Dog 继承了Animal的name
interface a {
    breed:string,
    name:string
}
//相当于Animal
interface b{
    name:string
}

interface c {
    [index:number]:a
    [index:string]:b
}

interface d {
    [index:number]:b //报错 数字索引类型“b”不能赋给字符串索引类型“a”
    [index:string]:a
}

结论：
以number查索引值可以隐式转换为string，相当于可以通过number,string 类型查索引值而string查索引值，则只能通过string查索引值

string，nubmer 继承于string
string，number为"子" --> Dog
string为“父” --> Animal

---

//类似的例子
interface two{
    x:number,
    y:number
}
interface three{
    x:number,
    y:number,
    z:number
}
//这里two是three的父类
let x:two = {x:1,y:2}
let y:three = {x:1,y:2,z:4}

x =y //OK
y =x //报错，需要z

Answer 1

ustbhuangyi 2021-03-03 11:06:54

你举得例子和继承没有关系喔，他们之间不存在父子关系，只是接口定义的属性不同

• 提问者 慕粉6137024 #1

  其实我就想问问在确认父子或继承关系后，这个理解思路是不是对的？
  
  最上面那个示例，继承之后（interface a extends b），我试验过了[index:number]:b也是报错的，而[index:number]:a，[index:string]:b是成立的

• ustbhuangyi 回复 提问者 慕粉6137024 #2

  其实关键是内部有了隐式转换，要考虑到隐式转换后的类型兼容，顺着这个思路，就好理解了。

• 提问者 慕粉6137024 #3

  非常感谢！