typescript中的數據類型,文章一

1.全局安裝typescript

npm install -g typescript

2.當前文件目錄運行ts文件,編譯成js文件

tsc hello.ts

在這裏插入圖片描述

3.typescript 開發工具vscode,監聽ts,保存代碼自動編譯成js文件

1.在當前文件目錄輸入tsc --init命令,生成配置文件

tsc --init

在這裏插入圖片描述
2.修改配置文件
在這裏插入圖片描述
3.運行任務,選擇監聽tsconfig.json,這樣就可以隨寫隨編譯
在這裏插入圖片描述

typescript 數據類型

typescript中爲了使編寫的代碼更規範,更有利於維護,增加了類型校驗

布爾類型(boolean)
數字類型(number)
字符串類型(string)
數組類型(array)
元組類型(tupel)
枚舉類型(enum)
任意類型(any)
null 和 undefined 類型
void類型
never類型
// 布爾類型(boolean) 規定只能賦值true或false
var flag:boolean = true
// 數字類型(number)規定只能賦值數字
var num:number = 123
// 字符串類型(string)規定只能賦值字符串
var str:string = 'string'
// 數組類型(array)ts 定義數組的3種方式,要定義數據類型數組
var arr:number[] = [1, 2, 3] // 指定數組裏面的數據都是number類型

var arr:Array<string> = ['a', 'b', 'c'] // 指定數組裏面的數據都是string類型

var arr:Array<any> = [1, 'a', true] // 指定數組裏面的數據可以是任意類型
// 元組類型(tupel)屬於數組的一種
// 指定數組的每一個位置的數據類型
var arr:[number, string] = [123, 'str']
// 枚舉類型(enum)讓數據狀態碼更直觀
enum 枚舉名 {
	標識符號 = 整型常數,
	標識符號 = 整型常數,
	標識符號 = 整型常數
}
// 後臺接口返回的狀態碼一般都是1標示成功,0標示失敗
// 大多數人都會寫註釋
// 假如有一個支付狀態碼
// pay_state 1:success, 0:error, 2:cancel
enum State {
	success = 1,
	cancel = 2,
	error = 0
}
let s:State = State.success
console.log(s) // 輸出1 如果枚舉沒有值,那麼會輸出標示符的下標
// 任意類型(any)任意類型就是可以輸入任意類型數據
var val:any = 123
var val:any = 'str'
var val:any = true
var el:any = document.getElementById('id') // 獲取元素時可以用any類型
// null 和 undefined 類型
// 定義變量沒有賦值時會報錯 可以用null 和 undefined 
var val:undefined
var val:null
console.log(val) // 輸出undefined或null

// 定義未賦值 可能是個undefined或number類型
var val:number | undefined
// void類型 typescript中void表示沒有任何類型
// 一般用於定義方法的時候沒有返回值
function fn():void {}
// never類型 (never)是其它類型(包括null和undefined) 的子類型,代表從不會出現的值
// 這意味着聲明never的變量只能被never類型賦值
// 這個類型一般用不到
var val:undefined
val = undefined

var val:never
val = (() => {
  throw new Error('錯誤')
})()
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章