TypeScript筆記

一、TypeScript和JavaScript的對比
1、JavaScript：客戶端腳本語言；TypeScript：應(yīng)用程序級的JavaScript開發(fā)語言
2、TypeScript是JavaScript的超集，可以編譯成純JavaScript。這個(gè)和我們CSS里的Less或者Sass是很像的，我們用更好的代碼編寫方式來進(jìn)行編寫，最后還是又生成原生的JavaScript語言。
3、TypeScript跨瀏覽器、跨操作系統(tǒng)、跨主機(jī)、且開源。由于最后他編譯成了JavaScript，所以只要能運(yùn)行JS的地方，都可以運(yùn)行我們寫的程序，設(shè)置在node.js里。
4、TypeScript始于JavaScript，終于JavaScript。遵循JavaScript的語法和語義。
5、TypeScript可以重用JavaScript代碼，調(diào)用流行的JavaScript庫，如echarts
6、TypeScript提供了類、模塊和接口，更易于構(gòu)建組件和維護(hù)。

二、開發(fā)環(huán)境的安裝
1.安裝Node.js
2.安裝TypeScript包
npm install typescript -g
tsc --version
3.編寫HelloWorld程序

• 初始化項(xiàng)目：進(jìn)入你的編程文件夾后，可以使用npm init -y來初始化項(xiàng)目，生成package.json文件。
• 創(chuàng)建tsconfig.json文件，在終端中輸入tsc --init：它是一個(gè)TypeScript項(xiàng)目的配置文件，可以通過讀取它來設(shè)置TypeScript編譯器的編譯參數(shù)。
• 安裝@types/node,使用npm install @types/node --dev-save進(jìn)行安裝。這個(gè)主要是解決模塊的聲明文件問題。

  //編寫HelloWorld.ts文件，然后進(jìn)行保存，代碼如下。
  var a:string = "HelloWorld"
  console.log(a)

• 在Vscode的【終端菜單】下，打開【運(yùn)行生成任務(wù)】，然后選擇【tsc:構(gòu)建 - tsconfig.json】，這時(shí)候就會(huì)生成一個(gè)helloWorld.js文件（將ts文件轉(zhuǎn)換為js文件）
• 在終端中輸入node helloWorld.js就可以看到結(jié)果了。

【注】TypeScript 中，使用 : 指定變量的類型，: 的前后有沒有空格都可以。

三、變量類型的那些事
1、概覽：
TypeScript是強(qiáng)類型的語言，也就是說，在聲明變量的時(shí)候，我們必須給他一個(gè)類型。比如：字符串、數(shù)字、布爾，枚舉等等，使用 : 指定變量的類型

TypeScript中的數(shù)據(jù)類型有：原始數(shù)據(jù)類型（Primitive data types）和對象類型（Object types）
原始數(shù)據(jù)類型包括：布爾值、數(shù)值、字符串、null、undefined 以及 ES6 中的新類型 Symbol。

Undefined :undefined，變量定義但是沒有賦值
Number:數(shù)值類型;
string : 字符串類型;
Boolean: 布爾類型；只有兩種值，true和false，什么0 null在js里面可以轉(zhuǎn)為false的，在ts里面都不存在
enum：枚舉類型；這個(gè)世界有很多值是多個(gè)并且是固定的，比如一年四季春夏秋冬
var REN{ nan='男',nv='女' }; 變量名大寫
any : 任意類型，一個(gè)牛X的類型；
void：空類型；
Array : 數(shù)組類型;
Tuple : 元祖類型；
Null ：空類型。

四、TypeScript的函數(shù)