TypeScript
中最大的賣點,也就是型別系統
以及型別預判
!num
變數,其值為 3
。TypeScript
非常的聰明,當你為宣告的變數賦值的那一刻開始,它便已經為變數添加型別了。num
重新賦值,來看看會發生什麼事吧!為何編譯不過呢?
num
並賦值為 3
的那一刻起, TypeScript
會這樣認定我們的程式碼:'Deno' 是字串,並非數字。
string
以及 number
類型的值,你可以這樣做:這樣的概念在TypeScript
的官方文件中稱為: 聯合型別 (Union Types) 。
TypeScript
的型別種類,那可以說是不勝枚舉,多到爆阿!!!number
, string
, null
, undefined
...。Json
, Object
, Array
, Function
...。對,JavaScript
真的很奇怪, 陣列跟函式都是屬於物件的一種喔 !想當然爾,TypeScript
也怪怪的。就像是如果一個怪人變成了蜘蛛人,當他穿上戰服時,他也還是個怪人,超級英雄的身分並不能改變他身為人的本質。
喔對了 ! 我們之後學習物件導向時會使用到的Class
,在實例化以後也是屬於物件型別唷 !
在 TypeScript 中,預設情況下null
和undefined
可以是任何型別的值。除非打開strictNullChecks
設定,至於在 Deno 上要如何調整這些設定,筆者會花時間研究再補充上來。
any
、never
以及 unknown
。這個部分可以參考本章最後 - 延伸閱讀 中所提供的系列文,該系列文的作者對於這些特殊型別進行了非常深入的探索。
x
變數並賦予它值時,x
變數的預設型別。某種層面上來說,我們可以認定編輯器看得懂我們的程式碼。
仔細回想,筆者是在 JSDC 2019 Workshop 第一次看到 VSCode 搭配 TypeScript 的魔力。永遠不會忘記那時候保哥將大量的 JS 程式碼搬遷到 TypeScript 環境只花了不到 5 分鐘 !因此,能在今年暑假學習 TypeScript 並且將它分享給各位實在是一件讓人興奮的事情啊 !一不小心,筆者就又偏題了 XD
同樣的事情在不同人眼中可能會有不同的見解、看法。在讀完本篇以後,筆者也強烈建議大家去看看以下文章,或許會對型別、變數宣告...等觀念有更深層的看法唷!
如果讀者希望看到繁體中文的相關資料,我認為這系列真的必看,講的非常詳細。筆者在這 30 天中很難將TypeScript
的各項觀念一一帶出,如果有需要繼續向下探索,真的大推、怒推這個系列文。