視頻鏈接：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 中的常用類型

總結

以上是生活随笔為你收集整理的Typescript入门教程（B站黑马程序员）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。