什么是接口?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