我畫了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還需要繼續學習
「其他文章」
- 用ChatGPT學Nginx是一種什麼體驗
- 【好物分享】分享給前端開發的28個資源(網站、軟件、插件),簡直是提高效率必備
- Vite3.0都來了,你還捲動嗎?(Vite3.0新特性一覽)
- 【好物分享】在命令行讀Markdown,這個感覺太舒服了
- 從0開始使用pnpm構建一個Monorepo方式管理的demo
- 我畫了5張腦圖可以讓你快速入門TypeScript
- 我看着MDN文檔,手寫了幾個數組實例方法
- 淺談JavaScript中的特殊函數
- 如何通過SSH配合VSCode收穫超舒適的遠程開發體驗
- CSS的calc函數不會還有人沒有用吧
- 【戲玩算法】12-圖
- 誰説前端不能搞紅黑樹,用這55張圖拿JS一起手撕紅黑樹
- 簡單總結了10個JavaScript代碼優化小tips
- NaiveUI中看起來沒啥用的組件(文字漸變)實現原來這麼簡單
- 面試官讓我用Flex寫色子佈局,我直接給寫了6個
- Vue3 TS Vite NaiveUI搭建一個項目骨架
- 用一萬多字從頭到尾介紹【函數式編程】
- 這8張腦圖幾乎概括了所有的佈局方案,確定不看看嗎?
- 【戲玩算法】07-字典
- 還在console.log一把梭嗎?console還有其他騷操作