TypeScript 接口-蒲公英云

TypeScript 接口

亦凉 2022-07-15 04:53 436阅读 0赞

接口在使用中用来规范的作用,定义一个方法需要什么参数,什么返回类型,或者属性什么类型等,实现了接口的类就要遵循接口的规矩

interface ren{ shengao:string; nianling:number; }

//使用上面的接口约束传入的参数的属性,尝试一下hong的参数不是两个的时候语法检查是不能通过的

function xiaoming(yin:ren){ 
   console.log(yin.shengao);
}
var hong={shengao:"da",nianling:32};
xiaoming(hong);

//定义可选属性1、如果存在属性，能约束类型2、能得到语法智能提示，假如误将方法体中color写成collor，那么编译是不通

interface ren2{
name?:string;
age?:number;
}
function xiaoming2(yin:ren2){
console.log(yin.name);
} ming={name:’小明’}以发现在接口中定义了两个属性，在这里我传一个也是可以得，但是如果我传的参数的类型不对的话是不能通过检查的

xiaoming2(ming);
//定义接口对方法的约束
interfaceinter{
   //方法的参数返回类型
    (name:string,age:number):number;
}
//定义变量实现接口
var  funImplement:inter;
//下面实现接口的规范，因为接口中定义了两个参数和返回类型，所以实现的方法必须按照定义的去实现
funImplement=function(name:string,age:number){ 
return 32;
}