interface篇
定义:interface:接口,感觉像是自定义类型,因为ts中,会进行类型的强校验,但是除了基本数据类型,引用类型,还可以具体定义某一个对象的属性
使用:比如:
interface Person{
name:string;
age?:string;
}
这是接口类型,要求此类型必须有name属性,?表示可以有age属性,可以没有age属性。
同自定义类型的type的区别
如下,type类型可以直接代替某基础类型,但是interface接口不可以,接口一般都代表具体对象类型。
type Person1 ={
name:string,
}
type Person2 = string;
ps:
const getPersonName = (person:Person):void=>{
console.log(person.name)
}
const person = {
name:'lee',
sex:0,
}
// 此时直接调用getPersonName(person)和调用
getPersonName(
{
name:'lee',
sex:0,
}
)
//不一样,后者会报错,因为如果不传变量,ts将会对传入的obj做强类型检测,这时,检测到interface接口中没有sex的变量,就会报错。但是传入person变量这种就没有问题
常用方式:接口和type都是ts用来帮助我们做类型校验的,在编译成js之后,根本没有这些东西
// 接口
// 1.可以提供灵活的propName,来兼容之后的属性
interface Person {
// readonly name:string; // 只能读的属性
name:string;
age?:number; // ?代表可以有可以没有
[propName:string]:any; // 属性是string类型,值是any类型
}
//2.可以有方法
interface Person {
name:string;
age?:number; // ?代表可以有可以没有
[propName:string]:any;
say():string; // 返回值为string
}
// 3. class 类实现接口
class user implements Person{
name='dell';
say(){
return 'hello';
}
}
//4.接口继承接口
interface teacher extends Person{
teach():string;
}
// 此时如果某个类是teacher类型,必须要有teach方法,否则就会报错
//5.接口定义方法
interface SayHi{
(word:string):string
}
const sy:SayHi=(word:string)=>{return word}