[JavaScript转TypeScript学习之路第二弹]接口

最新推荐文章于 2024-05-06 17:58:03 发布

元晖

最新推荐文章于 2024-05-06 17:58:03 发布

阅读量108

点赞数

分类专栏： typescript 文章标签： javascript typescript 学习

本文链接：https://blog.csdn.net/weixin_43806705/article/details/130664947

版权

typescript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了TypeScript中的接口（Interface）概念，包括简单使用示例，如定义对象结构、可选属性和只读属性，以及接口的继承。通过示例展示了如何创建和使用userInfo及userDetailInfo接口。

摘要由CSDN通过智能技术生成

接口

关键字（interface）

1. 接口的简单使用

interface userInfo {
	name: string,
	nickName: string,
	age?:number，
	fun1: () => void,
	readonly guid: string
}
// 注意，此时出现的 ?: 符号代表此参数可选
// fun1也代表了此参数为一个function且无返回值
// readonly代表该属性只读 
let user1: userInfo = {name: 'abc', nickName: 'lt', age: 12, fun1: () => {}, guid: '123'}

2. 接口的继承

// extends 继承了父类userInfo的内容
interface userDetailInfo extends userInfo {
	IdCard: string
}

let user2: userDetailInfo = {
	name: 'lwt',
	nickName: 'lt',
	age: 24,
	fun1: () => {},
	guid: '123',
	IdCard: '20'
}