TypeScript筆記

一、TypeScript和JavaScript的對比
1、JavaScript:客戶端腳本語言;TypeScript:應用程序級的JavaScript開發語言
2、TypeScript是JavaScript的超集,可以編譯成純JavaScript。這個和我們CSS裏的Less或者Sass是很像的,我們用更好的代碼編寫方式來進行編寫,最後還是又生成原生的JavaScript語言。
3、TypeScript跨瀏覽器、跨操作系統、跨主機、且開源。由於最後他編譯成了JavaScript,所以只要能運行JS的地方,都可以運行我們寫的程序,設置在node.js裏。
4、TypeScript始於JavaScript,終於JavaScript。遵循JavaScript的語法和語義。
5、TypeScript可以重用JavaScript代碼,調用流行的JavaScript庫,如echarts
6、TypeScript提供了類、模塊和接口,更易於構建組件和維護。

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

  • 初始化項目:進入你的編程文件夾後,可以使用npm init -y來初始化項目,生成package.json文件。
  • 創建tsconfig.json文件,在終端中輸入tsc --init:它是一個TypeScript項目的配置文件,可以通過讀取它來設置TypeScript編譯器的編譯參數。
  • 安裝@types/node,使用npm install @types/node --dev-save進行安裝。這個主要是解決模塊的聲明文件問題。
    //編寫HelloWorld.ts文件,然後進行保存,代碼如下。
    var a:string = "HelloWorld"
    console.log(a)
  • 在Vscode的【終端菜單】下,打開【運行生成任務】,然後選擇【tsc:構建 - tsconfig.json】,這時候就會生成一個helloWorld.js文件(將ts文件轉換爲js文件)
  • 在終端中輸入node helloWorld.js就可以看到結果了。

三、變量類型的那些事
1、概覽:
TypeScript是強類型的語言,也就是說,在聲明變量的時候,我們必須給他一個類型。比如:字符串、數字、布爾,枚舉等等

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

四、TypeScript的函數

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章