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 }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
2018-09-27 整体页面加载和某一模块加载监听
2018-09-27 程序某一模块加载监听事件和整体网页加载监听
2018-09-27 移动端触摸touchstart监听事件