TS中的接口,TS中的interface

接口有以下几个特点

一、接口是以 interface 开头的类。

二、接口的作用的定义子类的结构。

三、接口中的属性和方法都是抽象的,所以接口自然不能 new

四、接口类可以当成ts类型使用。

五、接口可以重复声明。

*下面是举例:

// 定义一个接口A
//接口以 interface 开头
// A中的所有属性个方法都是抽象的,属性不能有初始值,方法不能有方法体
interface A{
    num: number;
    str: string;
    sum():boolean;
}

*实现接口用 implements 关键字,不能用 extends

// 实现接口A
// 实现接口必须实现接口中的所有属性和方法。
class B implements A{
    num: number;
    str: string;
    constructor(num:number,str:string){
        this.num = num;
        this.str = str;
   }
    sum(): boolean {
        // .....省略n行代码
       return false;
    }
}

*接口类可以当成ts类型使用

// 定义一个接口A
interface A{
    num: number;
    str: string;
    sum():boolean;
}
// 接口可以当做ts类型使用
const c:A = {
    num: 1,
    str: '',
    sum: ()=>{
        return true;
    }
}

*接口可以重复声明,既可以存在多个同名的接口。

// 定义三个接口A
interface A{
    num: number;
}
interface A{
    str: string;
}
interface A{
    sum():boolean;
}
//实现A的时候,子类必须实现所有A接口内的属性和方法,如果有重复的属性或方法,则合并成一个
class B implements A{
    num: number;
    str: string;
    constructor( num: number,str: string){
        this.num = num;
        this.str = str;
    }
    sum(): boolean {
    }
    
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值