我畫了5張腦圖可以讓你快速入門TypeScript

---

theme: fancy highlight: atom-one-light

---

持續創作，加速成長！這是我參與「掘金日新計劃 · 6 月更文挑戰」的第17天，點擊查看活動詳情

Hi~，我是一碗周，如果寫的文章有幸可以得到你的青睞，萬分有幸~

🍏 寫在前面

TypeScript已經變成了前端工程師的必備技能，而且TypeScript的使用可以時漸進式的；為什麼這麼説呢？因為TypeScript時完全向下兼容JavaScript的，就算是你一行TS的代碼都不會寫，只要知道any就可以使用TS進行開發，這就是AnyScript的由來，但是如果這樣寫就完全失去了引入TS的目的。

TypeScript可以説是一種新的編程語言，所以説學習TS也是需要一定時間了，為了幫助快速學習，這裏我整理了5張腦圖，可以幫助我們快速上手。

🍑 類型

TypeScript解決了JavaScript中的一個最大問題，就是JavaScript中的變量沒有類型，TS中的類型在JavaScript的基礎上補充了枚舉類型和元組類型，還存在類型保護、類型斷言和類型提示等功能，腦圖如下：

🍒 函數

函數幾乎是所有編程語言中最重要的部分，TypeScript為JavaScript函數添加了額外的功能，讓我們可以更容易地使用。

🍓 接口

接口是TypeScript中的重要特性之一，為值所具有的結構進行類型檢查，接口可以幫助我們為類型進行命名以及對代碼進行約束。

🫐 類

在ES6中也提出了類的概念，TS中的在ES6的基礎上又進行了擴展。

🍈 泛型

泛型的出現我們讓我們來創建可重用的函數、類或者組件，我們可以為其傳遞多種類型，這樣就可以以各種數據類型來使用該函數、類或者組件。

🥭 寫在最後

本篇文章到這裏就結束了，可以利用文中的腦圖快速的入門TypeScript，但是也僅僅是入門，如果想要更加深入的瞭解TS還需要繼續學習