Ts_接口

接口(interface)

接口中所有属性和方法是没有实值的只是定义了其结构,也就是所有方法都是抽象方法接口就类似于抽象类,接口主要负责定义一个类的结构,接口也可以限制对象的结构和type一样,我们可以让一个类去实现接口,下面我们依次介绍下。

与type类似作用(检查对象类型)

/*
* interface是接口的标志
* 接口用来定义一个类的结构
* */
/*
* type 和 interface感觉是差不多的,但是也有些区别
* 因为type不能重复定义interface是可以重复定义的并且定义之后会将两个interface进行合并
* */
type myType = {
    name:string,
    age:number
};
// type myType  ={}这样会直接报错
interface myInterface {
    name:string,
    age:number
}
interface myInterface {
    gender:string
}//此时会将其合并,并不会报错

const obj:myInterface = {
    name:'yy',
    age:18,
    gender:'男'
};//必须要有name\age\gender这个三个属性

用一个类去实现一个接口(实现)

/*
* 接口可以在定义类的时候去限制类的结构
* 接口中所有的属性都不能有实际的值
* 接口中所有的方法都是抽象方法(不能有函数体{})
* */
interface  myIner {
    name:string;
    getData():void;
}
/*
* 使用implements去实现接口
* 实现接口就是使类满足接口的要求
* */
class myClass implements myIner{
    name:string;
    constructor(name:string){
        this.name = name;
    };
    getData() {
        console.log("大家好");
    };
}
//interface只有在ts中才有的 在js中是没有的所以ts经过编译成js之后我们是看不见interface的
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值