TS 中的接口和继承

接口概念:接口主要是做类型规范约束,在进行传值的时候必须按照接口规范类型

接口语法:

interface 接口名 {
    xxx
}

例:
interface Person{
   name:string
}
复制代码
    // 定义一个接口 此处定义规范
    interface IPerson{
        firstName : string // 姓氏
        lastName : string // 名字
    }

    // 输出姓名   在调用此方法的时候,需要传值,传的值必须符合IPerson内定义的规范
    function showName (person : IPerson) {
        return `${person.firstName},${person.lastName}`
    }
     
    const person = {
        firstName : '',
        lastName : '悟空'
    }
   // 此处调用showName 的时候 传入person 符合上面定义的接口规范
   console.log(showName(person));    // 打印 孙,悟空
复制代码

接口继承:要使用关键字 extends

接口可以继承,子接口继承父接口,子接口就拥有父接口定义的数据类型约束,例如在此处定义了两个接口

// 接口1
interface ICart {
    name : string
}
// 接口2
interface IColor {
    color : string
}

现在另外一个接口也需要上面的两个即可的类型、字段,这个时候就需要用到 接口继承了

interface ICartInfo extends ICart,IColor{ 
    price : number 
 }

接口 ICarInfo 继承了  ICart,IColor 的类型约束

 ICarInfo 实际类型应该为

interface ICartInfo{ 
    name : string
    color : string
    price : number 
 }

 

posted @   尼古拉斯-富贵  阅读(207)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
历史上的今天:
2018-09-27 整体页面加载和某一模块加载监听
2018-09-27 程序某一模块加载监听事件和整体网页加载监听
2018-09-27 移动端触摸touchstart监听事件
点击右上角即可分享
微信分享提示