ts接口interface

什么是接口？interface其实就相当于定义对象key和value值的一个关键字，看下边结构你应该挺熟悉的，这不就是class嘛？

interface Person {

​ key:value类型

}

let 变量名称：接口名称 = {

​ key:value值

}

interface Person {
    name:string;
    age:number;
    isShow:boolean
}
let a:Person = {
    name:'TON',
    age:12,
    isShow:false
}

需要注意的地方：定义的变量对不能比接口的数量少，多一些属性对也是不能允许的

可选属性：有些属性可有可无的，可以在key后边加一个问号？，如下所示，这样就不会报错了

interface Persons {
    name:string;
    age?:number
}
let b:Persons = {
    name:"TOM",
}

任意属性：[propName:string]:any这样写的话额外的属性也不会报错了

interface Man {
    name:string;
    age?:number,
    [propName:string]:any
}

let c:Man = {
    name:"chengz",
    age:13,
    male:"male"
}

如果你的任意属性定义了value的类型，那么其他属性对应的value值的类型只能是任意value值类型的子集，像如下写法就报错了，因为number不是string的子集

interface Computer {
    name:string;
    age:number;
    [propName:string]:string
}

但是你可以这样写，那就不会报错了

interface Computer {
    name:string;
    age:number;
    [propName:string]:string | number
}

有些属性是只读属性，在接口的key前边加上readonly，那么这个key值只能负值一次，你第二次更改value值的时候就会报错了

interface Computer {
    readonly id:number;
    name:string;
    age:number;
    [propName:string]:string | number
}
let tom:Computer = {
    id:1,
    name:"tom",
    age:12,

}
tom.id = 2