第三话（接口）第三话：接口

接口初探 Animal接口规定，需要有一个string类型的属性name,其他属性不做规定，可有，也可没有
interface Animal {
name: string,
};
function dog(data: Animal) {
console.log(data.name);
}
let myDog = { size: 3, name: 'xiaoba' };
dog(myDog); // 传入的参数必须含有name属性
可选属性使用?定义的属性，可以有，也可以没有
interface Animal {
name?: string,
color?: string,
};
function dog(data: Animal) {
let anitialDog = { name: 'huahua', color: 'white' };
if (data.name) {
anitialDog.name = data.name;
}
if (data.color) {
anitialDog.color = data.color;
}
return anitialDog;
}
let haShiQi = dog({ name: 'haShiQi' }); // { name: 'haShiQi', color: 'white' }
let black = dog({ color: 'black' }); // { name: 'huahua', color: 'black' }
只读属性可以在属性前用readonly来标记只读属性，只在对象刚刚创建的时候可以修改其值
interface OnlyReadNum {
readonly x: number,
readonly y: number,
};
let va: OnlyReadNum = { x: 2, y: 6 };
va.x = 8; // error
ReadonlyArray只读数组类型：
【第三话（接口）】let a: Array = [ 1, 2, 3, 4 ];
let b: ReadonlyArray = a;
b[0] = 8; // error
b.push(6); // error
b.length = 10; // error
a = b; // error 把readonly的数组整个赋值给一个普通数组也是不可以的
a = b as number[]; // 可以用类型断言重写
函数类型函数类型的接口规定函数的参数列表和返回值
interface Animal {
( name: string, color: string ): boolean// (参数列表): 返回值类型
}
let myAnimal = Animal;
myAnimal = function(name: string, color: string) { // 参数不必一定要和接口中的参数名字一样，只要对应位置的类型一样
let love = (name === 'dog' && color === 'red') ? true : false;
return love;
}
可索引的类型提供两种索引：字符串和数字，数字索引的返回值必须要是字符串索引的子类型
interface StrArray {
[index: number]: string
};
let aa: StrArray = [ 'a', 'b', 'c' ];
let cc: string = aa[0];

第三话（接口）

推荐阅读

玉米面条怎么做好吃简单的做法

吃完洋葱怎么去味

商标注册的条件哪些企业需要申请商标，怎么申请商标

云虚拟主机教学，云虚拟主机使用教程

vue|vue 如何实现表单校验

林蛙养殖技术大全视频林蛙养殖技术

守夜是什么意思

如何去除保温杯硅胶圈异味去除保温杯硅胶圈异味的方法

苹果手机迅雷一直闪退怎么办？iPhone迅雷闪退解决方法

安卓vr开发,安卓手机下载utovr软件点击浏览

吸引眼球好听的支付宝名字唯美吸引眼球好听的支付宝名字

spss 生存分析,SPSS生存分析

去海边沙滩玩戴什么太阳镜最好

有哪些三维建模软件？三维绘图软件有哪些?

离合踏板是什么意思? 离合踏板啥意思

mysqladmin ping mysqlping方法

慢性病人群可以接种新冠病毒疫苗吗

csf 关键成功要素法分析的步骤

里约奥运会中国代表队旗手 2016里约奥运会中国队旗手会是谁

新冠疫苗加强针接种的注意事项