TypeScript基础详细介绍(2)

4.TypeScript 高级类型

在这里插入图片描述

4.1 class 类

类继承的两种方式:1 extends(继承父类) 2 implements(实现接口)。

类成员可见性:可以使用 TS 来控制 class 的方法或属性对于 class 外的代码是否可见。
public
protected
private
readonly
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.2 类型兼容性

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

4.3 交叉类型

在这里插入图片描述
在这里插入图片描述

4.4 泛型

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.5 索引签名类型

在这里插入图片描述

在这里插入图片描述

4.6 映射类型

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

5. TypeScript 类型声明文件

在这里插入图片描述

5.1 TS 中的两种文件类型

在这里插入图片描述

5.2 类型声明文件的使用说明

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

6. 在 React 中使用 TypeScript

在这里插入图片描述

6.1 使用 CRA 创建支持 TS 的项目

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

6.2 TS 配置文件 tsconfig.json

在这里插入图片描述

在这里插入图片描述

6.3 React 中的常用类型

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45428910/article/details/131672792