TypeScript（4）接口

最新推荐文章于 2024-06-12 16:24:11 发布

李自提

最新推荐文章于 2024-06-12 16:24:11 发布

阅读量359

点赞数

分类专栏： it 文章标签： typescript flask javascript 计算机

本文链接：https://blog.csdn.net/weixin_45566993/article/details/125370615

版权

本文详细介绍了TypeScript中的接口，包括接口初探、可选属性、只读属性、函数类型以及类类型。通过示例展示了如何定义和使用接口，强调了接口在强制类符合契约中的作用，同时也讨论了接口继承接口的概念。

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

学习路线指引（点击解锁）	知识定位	人群定位
🧡 Python实战微信订餐小程序 🧡	进阶级	本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。
💛Python量化交易实战💛	入门级	手把手带你打造一个易扩展、更安全、效率更高的量化交易系统

介绍

TypeScript 的核心原则之一是对值所具有的结构进行类型检查。我们使用接口（Interfaces）来定义对象的类型。接口是对象的状态(属性)和行为(方法)的抽象(描述)

声明接口需要使用关键字interface，接下来我们定义一个接口，需求如下
需求: 创建人的对象, 需要对人的属性进行一定的约束

highlighter- Python

id是number类型, 必须有, 只读的
name是string类型, 必须有
age是number类型, 必须有
sex是string类型, 可以没有

第一步：创建人的对象

highlighter- CSS

const person: Person = {
    id: 1,
    name: 'tom',
    age: 20,
    sex: '男'
}

我们创建了一个类型为Person的person对象，里面的属性有id、name、age、sex

第二步：给person对象声明类型，第一步的时候我们声明了类型Person，但是这个类型具体是什么，我们还没定义，所以接下来我们定义一个接口Person，来声明是person对象的类型

highlighter- Java

interface Person {
    id: number
    name: string
    age: number
    sex: string
}

此时呢，就已经创建好一个没有约束的对象person，他的类型声明是接口Person，接下来加上约束就完整了。

第三步：添加约束，id属性只能是只读，sex属性为可选属性
要将一个属性设置为只读很简单，只需要在属性前面增加关键字readonly，设置属性为可选属性也很简单，只需在属性后面添加符号?，最后完整的

关注