TypeScript-(一)基礎知識

解決 JavaScript 的問題點

JavaScript 本身的設計具有彈性，可是卻也成了開發的問題根源。

1. 過於自由的型別

   多數其他的程式語言屬於「靜態型別」，也就是說，在撰寫程式碼、宣告變數的同時決定型別。

   JavaScript 採取「動態型別」，宣告變數時無須定義型別，不論存入什麼樣型別的值都不會受到限制，也沒有任何檢查機制。可是這就會導致，在實際執行到的時候，可能出現型態不符合才丟出錯誤的狀況。

   此外，由於 JavaScript 具有型別轉換(Cast)的功能，在型別稍有不符，但不至於差異太多的情況，會自動轉換變數型別讓程式碼能正常運行，可是這就會提高在撰寫程式碼時「不留意型別」造成的意外錯誤。

2. 欠缺變數領域

   ES6之前的 JavaScript 變數，僅能指定為全域變數或、函式內的區域變數，無法更細緻的規範只能在某個物件內中作用。

3. 特殊的物件導向

   多數程式語言的物件導向是「基於類別(Class Based)」。JavaScript 的物件導向相當特殊，屬於少見的「基於原型(Prototype Based)」。

TypeScript 問世

為了修補上述缺點，而針對 JavaScript 進行擴充，這便誕生出新的語言稱作 AltJS(Alternative JavaScript)，其中最知名的就是 TypeScript。

它的使用方式是，需要先撰寫 TypeScript 的程式碼，然後再編譯成 JavaScript 的程式供瀏覽器解讀、運作。

TypeScript 的特點

1. 採用靜態型別

   在撰寫程式碼、宣告變數時，就必須要指定變數的型態，限制變數可以接受值的型別。藉由型別導入，也擴展相關功能，如：泛型。

2. 導入基於類別(Class Based)的物件導向

   TypeScript 可以宣告物件的類別，隨著類別的導入，也能使用類別的繼承或介面(Interface)等正規物件導向的功能。

如何安裝導入 TypeScript

撰寫完的 TypeScript 原始碼，必須先經過編譯，因此需要使用「編譯程式(Compiler)」對原始碼進行編譯工作，並取得 JavaScript 程式碼。

使用 npm 指令進行安裝

npm install -g typescript

TypeScript 的編譯程式準備了名為「tcp」的命令指令， 可以簡單輸入指令，並針對欲編譯的檔案名稱進行編譯

tcp 檔案名稱.ts

執行編譯命令之後，就會在相同的位置建立相同檔案名稱的 js 檔案，這就是 JavaScipt 的程式碼檔案了。