接口对象的类型
在typescript中，我们定义对象的方式要用关键字interface （接口），我的理解是使用interface来定义一种约束，让数据的结构满足约束的格式。
主要是以下特性
interface接口类型 常用于定义对象 比较两个对象形状是否一致
1.对比形状
//这样写是会报错的 因为我们在person定义了a，b但是对象里面缺少b属性
//使用接口约束的时候不能多一个属性也不能少一个属性
//必须与接口保持一致
interface Person {
b:string,
a:string
}
const person:Person = {
a:"213"
}
2. 重合
interface face1 {
name: string;
}
interface face1 {
age: number;
}
let a1: face1 = {
name: "xx",
age: 20,
}
3. 任意key 索引签名[propName: string]: any; 不确定后端会传是什么类型 最好使用any
interface face1 {
name: string;
[propName: string]: any;
}
let a5: face1 = {
name: "xx",
age: 20,
c: 123,
};
3 ? readeOnly ?是可选的后端可能不传这个值 readeOnly是只读不能改常用于后端的id 及函数
interface face1 {
name: string;
age?: number;
readonly id:number
readonly cb:()=>boolean
}
let a1: face1 = {
id:1,
name: "xx",
cb:()=>{
return false
}
}
a1.cb=()=>{ // 函数被修改了 不期望被修改
return true
}
4 接口继承 extends
interface face1 extends face2 {
name: string;
}
interface face2 {
age: number;
}
let a1: face1 = {
name: "xx",
age: 20,
};
5 接口定义函数类型
interface Person {
b?: string,
readonly a: string,
[propName: string]: any;
cb:()=>void
}
const person: Person = {
a: "213",
c: "123",
cb:()=>{
console.log(123)
}
}