前言：

自學第一天，什么是TS ，為什么要用 TS

TS 全程 Typed JavaScript at Any Scale 解釋起來就是添加了型別系統的 JavaScript，是 JavaScript 的一個超集

讓 JS 從動態型別的語言，變成了一個靜態型別的語言，給變數賦予了型別

好，到這里有同學就會問了，什么是動態型別，什么是靜態型別，啥是給變數賦予型別？讓我們來看下邊這一個栗子：

let a ;
a = "a";
a = 10;

我們先來看第三步，10 是有型別的吧，型別是 number ，第二步也同理，此時回過頭來，我們再看第一步，a 是什么型別？

a 在第一步的時候，沒有型別，就是一個變數

這就是 JS 中的動態型別，a 什么都可以存放，TS 就不同你 let 了一個 String 型別的 a ，你就只能存放 String 型別

PS：擴展

有的同學就會說了，這樣動態型別怎么了，很方便啊，啥都能放不好嗎？

對，是很方便，靈活，但卻是一把雙刃劍，我們舉個栗子：

funtion fun(a,b){
.....
}

我們給 fun 傳了倆引數一個 a，一個 b 這時候 a 和 b 有型別嗎，也沒有型別

問題這就來了

假如這時候我要算一個加法，就是想要 a 和 b 加一塊的數值，按理來說我們做加法，傳的時候就該傳數字了，但 JS 這一塊你愛傳傳啥，我不管，隨便你傳

如果這時 a 和 b 這倆值又在別處經歷了其他運算，這時候 JS 會把這個錯誤埋起來，我不立刻報錯

假如我們的這個運算是在第三行寫的，他不立刻報錯可能在三千行，三萬行在報錯，那維護成本，誰找錯誰知道...

最后上圖：

總結一下上圖的內容，TS 是以 JS 為基礎搭建的語言，是一個 JS 的超集，

可以在任何支持 JS 的平臺中執行，也就是說 TS 完全兼容 JS

不能被 JS 決議器直接執行，TS 不能直接被瀏覽器識別需要編譯成 JS

TS 擴展了 JS ，但不能取代 JS

開發環境：

好了介紹了這么多，大家都對 TS 有了一個基本的概念了吧，現在我們第一天的正式學習

首先要想寫 TS 我們第一件事就是要搭建一個 TS 的開發環境，用 Node.js 來決議 TS

1. 下載 Node.js

地址： http://nodejs.cn/download/

2. 安裝 Node.js

3. 使用 npm 全域安裝 TypeScript ：

npm install -g typescript

安裝完之后輸入 tsc 出一堆不報錯就代表安裝完成了接下來讓我們開始寫吧

首先我們在創建一個后綴名為 ts 的檔案，然后隨便用什么東西打開寫一段 js 代碼因為 ts 是完全兼容 js 的

所以我們這里就寫一個簡單的 console

ts 檔案是不能被網頁識別的這時候就要進行編譯了

我們都知道 JavaScript 的型別分為兩種：一種是原始資料型別（Primitive data types）另一種是物件型別（Object types）

現在我們來看原始資料型別，也就是布林值，數值，字串，null，nudefined 在 TS 中如何宣告

如圖，let a ：number 之后，在以后的使用程序中 a的值只能是數字，如果賦值字串的話，會明確的告訴你錯誤資訊

當然，我們也可以直接這樣宣告并賦值：

let a ： number = 10 ;

但這種語法在實際我們寫 TS 程序中是不常用的，TS的變數宣告和賦值是同時進行的，TS可以自動對變數進行型別檢測

型別宣告也可以用于函式上邊

JS 中的函式是不考慮引數的型別和個數的

TS 中

當然 TS 相對嚴格你傳多傳少也是會報錯的

你也可以給函式的回傳值添加型別，比如

其他基本型別：