TypeScript系列(三)接口详解

本文详细探讨了TypeScript中的接口,包括其定义、作用及实际应用场景。接口用于描述对象结构,增强系统的可拓展性和可维护性。内容涵盖接口的定义(如定义对象类型、函数、可选属性和只读属性)、可索引类型、混合接口、接口继承和实现。通过学习,你会发现TypeScript接口的灵活性和实用性。
摘要由CSDN通过智能技术生成

接口在TypeScript中是一个很重要的概念,使用得非常多,基本且重要。本文就让我们详细的来扒一扒这个接口。
在这里插入图片描述

什么是接口

当工厂制作一个商品时,肯定会先定好商品的制作规范,大小,形状,颜色等等。
TypeScript中也有这种规范。简单理解,接口就是用来描述对象或者类的具体结构,约束他们的行为。这也是TypeScript的核心原则之一:对结构进行类型检查。在实际代码设计中也很有好处,增强了系统的可拓展性和可维护性。大家可以在工作或者学习中慢慢体会。

如何定义

和其他语言类似, TypeScript中接口也是使用interface关键字来定义的:

普通定义一个接口Person,申明一个对象类型为person。遵照约定,那么person就必须有nameage属性。

// 接口描述一个对象
interface Person {
   
	name: string;
	age: number;
}

// person必须有name和age属性,不然会报错
const person: Person = {
   
	name: 'Tom',
	age: 21  //必须为number类型,不然会报错
}

接口中定义函数,表示约定函数的参数必须为Person实例,返回值为string

// 接口中定义函数
interface PersonFun {
   
	(person: Person): string;
}

let showPerson: PersonFun
// 具体实现
showPerson = function(person: Person) {
   
	return `hello!  ${
     person.name}.`;
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值