ts 基礎型別

2022-04-25 11:04:48 字數 1711 閱讀 9800

宣告js的基本型別

1.數字

let a: number = 2;

2.字串

let aa: string = "22"

3.陣列

(1) 陣列元素: let b: number = [1, 2, 3];

(2) 陣列泛型: let b: array= [1, 2, 3];

(3) const arr:(number|string)=[1,'1',2];

(4) type demo = ;

const arr :demo=

4. 元組

元祖型別允許表示一組已知元素數量和型別的陣列,各元素的型別不比相同。

let x: [string, number];

x = ['hello', 10]

當訪問x的下標的時候可以訪問到該元素

5.列舉

列舉型別提供的乙個便利是你可以由列舉的值得到它的名字,預設情況下,從0開始為元素編號。 你也可以手動的指定成員的數值。

enum directions

let p:string = directions[1] // down

6.any

有時候,我們會想要為那些在程式設計階段還不清楚型別的變數指定乙個型別。 這些值可能來自於動態的內容,比如來自使用者輸入或第三方**庫。

這種情況下,我們不希望型別檢查器對這些值進行檢查而是直接讓它們通過編譯階段的檢查。 那麼我們可以使用any型別來標記這些變數

簡而言之,any可以跳過型別檢查器的檢查

let notsure = 4

notsure = "maybe a string instead"

notsure = true

notsure.tostring()

notsure.tofixed()

7.void

某種程度上說, void與any型別相反,他表示沒有任何型別當乙個函式沒有返回值時,你通常會見到其返回值型別是 void

function warnuser ():void

宣告乙個void型別的變數沒什麼大用,因為你只能為它賦予 undefined 和 null:

let unusable: void = null = var unusable = null

8. null 和 undefined

typescript裡,undefinednull兩者各自有自己的型別分別叫做undefinednull。 和void相似,它們的本身的型別用處不是很大:

let u: undefined = undefined;

let n: null = null;

9.型別斷言

當我們知道某個資料型別而ts不知道的時候,檢測型別就會報錯,這個時候就需要告訴檢測型別我知道他是什麼樣的,聽我的!有兩種方法:

(1)尖括號法

let somevalue: any = "hello"

let strlength: number = (somevalue).length

(2)as

let somevalue :any = "hello"

let strlength:number = (somevalue as string).length

TS基礎型別(二)

undefined null 陣列 元組 enum let und undefined undefined let nll null null console.log und console.log nll undefined和null都可以作為其他型別的子型別,可以把undefined和null賦...

TS學習筆記(ts基礎型別 型別別名)

中文文件 home.html 與js不同的是 ts的變數都可以型別註解 後面註明變數型別 let isdone boolean false 與js的型別相比多出的 比如列舉 個人理解 將物件資料化了 類似陣列通過下角標得到值 enum color let c color color 0 consol...

ts定義陣列型別 ts中型別

1 vscode配置自動編譯 1.第一步 tsc inti 生成tsconfig.json 改 outdir js 2 第二步 任務 執行任務 監視tsconfig.json 2 typescript中的資料型別 typescript中為了使編寫的 更規範,更有利於維護,增加了型別校驗,在types...