发布时间:2026/8/15 10:04:35
TypeScript:11、接口 接口接口用于描述对象或类应该具备的结构。它只规定属性和方法的形状不负责创建实例也不提供具体实现。一、接口的基本语法interfacePerson{name:string;sayHello():void;}这个接口要求对象必须包含name字符串属性。sayHello方法。二、使用接口检查对象接口可以作为函数参数类型interfacePerson{name:string;sayHello():void;}functiongreet(person:Person):void{person.sayHello();}greet({name:孙悟空,sayHello():void{console.log(Hello我是this.name);}});传入的对象只要满足接口结构就可以作为Person使用。三、接口的结构化类型检查TypeScript 关注对象是否具有需要的属性和方法而不要求对象必须来自某一个具体的类。这种方式叫结构化类型系统。interfaceUser{name:string;age:number;}constuser{name:孙悟空,age:18,address:花果山};functionprintUser(value:User):void{console.log(value.name:value.age);}printUser(user);user包含User要求的属性因此可以传给printUser。四、类实现接口使用implements让类实现接口interfacePerson{name:string;sayHello():void;}classStudentimplementsPerson{constructor(publicname:string){}sayHello():void{console.log(大家好我是this.name);}}conststudentnewStudent(小明);student.sayHello();类实现接口时必须包含接口中声明的所有属性和方法。五、接口中的可选属性使用?可以声明可选属性interfaceConfig{host:string;port?:number;}constconfigA:Config{host:localhost};constconfigB:Config{host:localhost,port:3000};可选属性可能不存在使用时要考虑undefinedfunctionprintConfig(config:Config):void{if(config.port!undefined){console.log(config.port);}}六、接口中的 readonly 属性使用readonly可以让接口属性只能读取interfaceUser{readonlyid:number;name:string;}constuser:User{id:1001,name:孙悟空};// 编译错误id 是只读属性// user.id 1002;七、接口继承接口接口可以通过extends继承其他接口interfaceAnimal{name:string;}interfaceDogextendsAnimal{bark():void;}constdog:Dog{name:旺财,bark():void{console.log(汪汪叫);}};Dog同时拥有Animal的属性和自己的方法。八、接口和类型别名的区别接口和类型别名都可以描述对象结构但使用习惯略有不同对比项interfacetype描述对象结构适合适合声明类的实现契约常用也可以使用扩展方式extends交叉类型联合类型不直接使用更方便元组和字面量可以间接描述更方便示例typeIDnumber|string;typePoint[number,number];九、接口和抽象类的区别对比项接口抽象类是否可以包含具体实现不包含可以包含是否可以有构造函数不可以可以是否可以保存实现逻辑不可以可以一个类可以实现多个可以实现多个接口通常只能继承一个类主要作用描述结构和契约提供基础类和通用逻辑十、常见问题1. implements 不会自动生成方法implements只负责检查类是否满足接口不会自动把方法添加到类中interfacePerson{sayHello():void;}classStudentimplementsPerson{// 必须自己实现 sayHellosayHello():void{console.log(Hello);}}2. 接口不能直接创建对象接口只存在于类型检查阶段不能这样使用// const person new Person();应该创建实现接口的具体类或者创建符合接口结构的对象字面量。十一、本章小结接口用于描述对象或类的结构。对象只要满足接口要求就可以通过类型检查。implements用于让类实现接口。接口支持可选属性、只读属性和接口继承。接口描述结构抽象类可以提供公共实现。

相关新闻

2026/8/15 10:04:35

Vue3使用格式化的当前日期

在Vue 3中&#xff0c;初始化一个变量today为当前日期&#xff0c;并且格式化为yyyy-mm-dd格式&#xff0c;可以通过多种方式实现。以下是几种常见的方法&#xff1a; 格式化当前日期 方法1&#xff1a;使用JavaScript的Date对象和模板字符串 <script setup> import { re…

2026/8/15 12:19:50

XML批量导入实战:从文件解析到数据库入库的自动化方案

1. 从“手动复制粘贴”到“一键自动化”&#xff1a;批量导入XML文件的场景与价值 如果你曾经处理过几十、上百个XML文件&#xff0c;需要把它们的内容导入到某个系统、数据库或者分析工具里&#xff0c;那你一定体会过那种“复制、粘贴、再复制、再粘贴”的枯燥与低效。我最近…

2026/8/15 12:19:50

Android与iOS崩溃日志获取全攻略:从Logcat到Crashlytics实战

1. 为什么获取崩溃日志是开发者的必修课 如果你是一名移动应用开发者&#xff0c;或者正在负责一个APP的日常维护&#xff0c;那么“应用崩溃”这个词绝对是你最不想听到&#xff0c;却又无法绕开的梦魇。用户一句轻飘飘的“刚才用着用着就闪退了”&#xff0c;背后可能是成百上…

2026/8/15 12:19:50

政务热线:如何打造 7x24 小时不打烊的智能总机?

一、前言&#xff1a;传统政务热线的核心痛点政务热线是连接政府与市民的核心服务窗口&#xff0c;服务体验直接影响群众对政务工作的满意度。但传统人工热线模式&#xff0c;长期存在诸多服务短板&#xff1a;1. 服务时段受限&#xff1a;仅支持工作日人工值守&#xff0c;夜间…

2026/8/15 12:19:50

英语记单词用

tonight 今晚 to ni ght 桂花糖 perfect 完美 healthy 健康的 好肥 he al thy 他 按拉 thy pretty 漂亮的 believe 相信的 truth 真相、事实 处死 他辱骂土豪 talk 说话 study 学习 四大帝梳头第一 because 因为 被烤死 eighteen 十八 爱听 sleep 睡觉 explain 解释 恶习蓬莱牛…

2026/8/15 12:19:50

VCU开发学习

安全冗余设计策略开关信号冗余设计&#xff08;制动开关&#xff09;当两路信号不一致时是正常的&#xff0c;两路信号一致时出现故障模拟信号冗余设计&#xff08;加速踏板&#xff09;双通道设计&#xff0c;2通道是一通道的一半

2026/8/15 9:46:30

如何快速生成中国车牌图片:Python开源工具完整指南

如何快速生成中国车牌图片&#xff1a;Python开源工具完整指南 【免费下载链接】chinese_license_plate_generator 中国车牌生成器 项目地址: https://gitcode.com/gh_mirrors/ch/chinese_license_plate_generator 中国车牌生成器是一个基于Python的开源项目&#xff0c…

2026/8/15 7:22:41

当 LLM 遇见大文档:主流开源项目如何处理上下文超限

从 Agentic Loop 到 Repo Map&#xff0c;七种策略与六类陷阱引言&#xff1a;128K vs 10MB 的硬冲突 2026 年的 LLM 上下文窗口已达到 128K ~ 1M token&#xff08;≈ 0.5MB ~ 4MB 文本&#xff09;&#xff0c;但 LLM 想要处理的真实数据规模远远超过这个量级&#xff1a;真实…

2026/8/15 0:04:00

AI 电动婴儿车智能功率 辅助控制、电源管理的完整选型方案

2026年随着 AI 技术在电动孕婴童用品中的深度渗透&#xff08;如智能避障、自适应速度控制、能量回收&#xff09;&#xff0c;电动婴儿车对功率器件提出更高要求&#xff1a;高效率、小型化、低功耗、高可靠性。微碧半导体&#xff08;VBsemi&#xff09;基于 Trench 及 SGT 工…

2026/8/15 0:04:00

论文AIGC检测不达标完整教程!低门槛用5款工具逐步复检!

论文提交前自己先查一遍AI率&#xff0c;是2026年毕业生的常规动作。学校要求论文AI率低于30%&#xff0c;乃至于20%才能答辩… 很多同学发现一个尴尬的事情&#xff1a;同一篇论文&#xff0c;知网查出来AI率35%&#xff0c;维普查可能是48%&#xff0c;大雅、朱雀又是另外的数…

2026/8/15 9:46:39

实测才敢推 AI论文网站 2026最新测评与推荐

2026年真正好用的AI论文网站&#xff0c;核心看生成的论文质量、低AI味、格式正确、学术适配四大指标。综合实测&#xff0c;千笔AI、ThouPen、豆包、DeepSeek、Grammarly 是当前最值得推荐的梯队&#xff0c;覆盖从免费到付费、从中文到英文、从文科到理工的全场景需求。一、综…

2026/8/15 4:56:16

2026必备!AI论文网站测评:最新推荐与深度对比

2026年真正好用的AI论文网站&#xff0c;核心看生成的论文质量、低AI味、格式正确、学术适配四大指标。综合实测&#xff0c;千笔AI、ThouPen、豆包、DeepSeek、Grammarly 是当前最值得推荐的梯队&#xff0c;覆盖从免费到付费、从中文到英文、从文科到理工的全场景需求。 一、…

2026/8/15 9:46:30

摆脱论文困扰!盘点2026年全网爆红的的AI论文写作工具

一天写完毕业论文在2026年已不再是天方夜谭。2026年最炸裂、实测能大幅提速的AI论文写作工具&#xff0c;覆盖选题构思、文献整理、内容生成、格式排版等核心场景&#xff0c;真正帮你高效搞定论文难题。 一、全流程王者&#xff1a;一站式搞定论文全链路&#xff08;一天定稿首…