TypeScript自学 typescript视频教程

视频链接：https://www.bilibili.com/video/BV14Z4y1u7pi?p=1

1. TypeScript 介绍

1.1 TypeScript 是什么

1.2 TypeScript 为什么要为 JS 添加类型支持？

1.3 TypeScript 相比 JS 的优势

2. TypeScript 初体验

2.1 安装编译 TS 的工具包

2.2 编译并运行 TS 代码

2.3 简化运行 TS 的步骤

• 注意：若ts-node hello.ts执行报错，需要先执行命令tsc --init创建一个 tsconfig.json 文件，该文件是 TypeScript 项目的配置文件
• tsconfig.json 包含 TypeScript 编译的相关配置，通过更改编译配置项，我们可以让 TypeScript 编译出 ES6、ES5、node 的代码。

3. TypeScript 常用类型

3.1 类型注解

3.2 常用基础类型概述

3.3 原始类型

3.4 数组类型

3.5 类型别名

3.6 函数类型

• 如果函数没有返回值，那么，函数返回值类型为：void。

3.7 对象类型

3.8 接口

3.9 元组

3.10 类型推论

3.11 类型断言

3.12 字面量类型

3.13 枚举

3.14 any 类型

3.15 typeof

4. TypeScript 高级类型

4.1 class 类

• 类继承的两种方式：1 extends（继承父类） 2 implements（实现接口）。

• 类成员可见性：可以使用 TS 来控制 class 的方法或属性对于 class 外的代码是否可见。

• public
• protected
• private
• readonly

4.2 类型兼容性

4.3 交叉类型

4.4 泛型

• Partial<Type>



• 
  
• Readonly<Type>
• Pick<Type, Keys>
• Record<Keys, Type>

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 中的常用类型