TypeScript中的接口

本文详细介绍了TypeScript中的接口,包括可索引接口(对数组和对象的约束)、函数类型接口、类类型接口及其implements用法,以及接口的扩展和继承。通过接口,我们可以更好地约束和组织代码结构。
摘要由CSDN通过智能技术生成

一、可索引的接口

  • 对数组的约束
interface UserArr{
    [index:number] : string
}
let arr:UserArr = ['aaa','bbb']
console.log(arr[0]) // aaa
  • 对对象的约束
interface UserObj{
    [key:string]: string | number
}
const obj:UserObj = {
    name: 'Leon',
    age: 18
}

二、函数类型接口

可以使用接口的方式来定义一个函数需要符合的形状:

interface encrypt {
    (key:string,value:string) : string
}

let md5:encrypt = (key:string,value:string):string {
    return key+value
}

encrypt这个接口规定了函数的传参为key和value两个变量,并且这两个变量都是string类型。同时规定了函数的返回值也是string类型。

三、类类型接口

这类接口可以对类进行约束

  • implements

实现(implements)是面向对象中的一个重要概念。一般来讲,一个类只能继承自另一个类,有时候不同类之间可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值