前言：自學第一天，什麼是TS ，為什麼要用 TS TS 全程 Typed JavaScript at Any Scale 解釋起來就是添加了類型系統的 JavaScript，是 JavaScript 的一個超集讓 JS 從動態類型的語言，變成了一個靜態類型的語言，給變數賦予了類型好，到這裡 ...

前言：

自學第一天，什麼是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

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 相對嚴格你傳多傳少也是會報錯的

你也可以給函數的返回值添加類型，比如

其他基本類型：