文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

typeScript的interface接口怎么定义使用

2023-06-29 06:33

关注

这篇“typeScript的interface接口怎么定义使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“typeScript的interface接口怎么定义使用”文章吧。

1、接口定义

接口的作用:

接口一般使用 interface 关键字来定义,名字首字母需要大写。在项目中定义接口的时候,一般在名字前加一个大写 I 字母,能够快速识别该类型是接口。如:

interface IPerson{ name: string age: number sex: string}

接口的主要作用就是用来进行约束对象的规范,如:

interface IPerson{ name: string age: number sex: string}let webPerson: IPerson = { name:"倩倩", age:18, sex:'girl'}

使用上述 IPerson 定义对象的时候,上述三个属性都是必加的,如果漏掉一个就会有错误提示。那如果某些属性有些对象有,有些对象没有呢?比如职业。

接口成员也可以是缺省的,定义的时候使用 "?" ,如:

interface IPerson{ name: string age: number sex: string work?: string}

但是在特殊情况下,有些人有饮食忌讳,大多数没有,有些人有特殊爱好,大多数也没有,此时这个属性不能具体,此时就可以添加任意属性,使用 propName 来定义,如:

interface IPerson{ name: string age: number sex: string work?: string [propName:string]: any}let webPerson: IPerson = { name:"倩倩", age:18, sex: 'girl', hobby: "跳舞", refuse:"不吃羊肉"}

添加任意属性之后,可以添加任意多个特殊属性。

2、接口继承

接口和类一样,接口也可以相互继承。能够从一个接口里复制成员到另一个接口里,可以灵活地将接口分割到可重用的模块里面。继承的时候使用 extends 关键字。如:

interface IPerson{ name: string age: number sex: string work?: string [propName:string]:any}interface IAdult extends IPerson{ isHaveChildren: boolean isBoss: boolean}let Tom: IAdult = { isBoss: false, isHaveChildren: false, name: '倩倩', age: 20, sex: "girl"}

一个接口可以继承一个或多个接口,多个接口之间使用逗号 "," 分割。如:

interface IPerson{ name: string age: number sex: string}interface IAdult extends IPerson{ isBoss: boolean}interface elderly extends IPerson, IAdult{ isRetire:boolean }

接口的继承也就是接口的扩展,接口扩展就是多添加了一些约束,一个接口可以扩展多个接口。

3、类实现接口

在 typeScript 中,接口可以继承类,这样接口就具有了类的所有成员,同时这个接口只能引用这个类或者它的字类的实例。如:

class Person{ name:string; age: number constructor(name: string, age: number) {  this.name = name  this.age = age }}interface IAdult extends Person{ married:boolean}let Tom: IAdult = { name: "Tom", age: 20, married: true}console.log(Tom);

接口继承一个类类型时,它会继承类的成员但不包括其实现。

以上就是关于“typeScript的interface接口怎么定义使用”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯