<meta charset="utf-8">
typescript安裝編譯運行
- 安裝全局的typescript,
npm install -g typescript
(只需要安裝一次) - 編譯
方式一:
根目錄下執行 tsc index.ts( index.ts為要轉換為js的文件),此時可以看到文件下多了一個index.js的文件
方式二:vscode下編譯
1.根目錄下運行
tsc --init
創建tsconfig.json
文件
2.點擊菜單 任務-運行任務 點擊tsc:監視-tsconfig.json 然后就可以自動生成代碼
3.下圖中紅框代碼需要打開 后邊路徑為要保存的位置image
數據類型
TS中為了使編寫代碼更規范,更有利于維護,增加了類型校驗,在Typescript中主要給我們提供了以下數據類型
image
布爾類型:
image
數字類型
image
字符串類型
image
數組類型
第一種定義方式:
錯誤方式:
image
正確方式:
image
第二種定義方式
var a:Array<number> = [0, 8]
元組類型
元組類型可以給數組中每一個位置指定一個類型
// 元組類型可以給數組中每一個位置指定一個類型
var array:[number,string] = [1,'23']
枚舉法
image
常用語狀態的獲取
// 枚舉法
enum Flag{success=1,fail=2}
let f:Flag=Flag.fail
console.log(f) // 2
// 如果標識符沒有賦值則打印出他的下標
enum Color { red, blue, 'orange' }
let c:Color=Color.orange
console.log(c) // 2
任意類型
類似于ES5中的不指定類型
// 任意類型
var any:any
any = '222'
any = 222
any = false
console.log(any) // false
null 和undefined
// 寫法一報錯:
// var un:number
// console.log(un) // 報錯
// 寫法二
var un:undefined
console.log(un) // 輸出undefined
// null類型
var un:null
image
void類型
表示沒有任何類型,一般用于定義方法的時候方法沒有返回值
// ES5寫法
function run() {
console.log('run')
}
run() // run
function run1():number{
return 1
}
let runR = run1()
console.log(runR) // 1
function run2():void{
console.log('run')
}
run2() // run
never類型
image