基礎(chǔ)類型

boolean 類型

const isStatus: boolean = true
console.log(isStatus)

image.png

注意：賦值與定義的不一致，會(huì)報(bào)錯(cuò);

number 類型

const num: number = 123

console.log(num)

string 類型

const realName1: string = "lin"
const fullName: string = `A ${realName1}` // 支持模板字符串

console.log(realName1)
console.log(fullName)

undefined 和 null 類型

const u: undefined = undefined // undefined 類型
const n: null = null // null 類型

console.log(u)
console.log(n)

const age: number = null
const realName: string = undefined

console.log(age)
console.log(realName)

image.png

any 類型

_ 不清楚用什么類型，可以使用 any 類型。這些值可能來(lái)自于動(dòng)態(tài)的內(nèi)容，比如來(lái)自用戶輸入或第三方代碼庫(kù)_

let notSure: any = 4
notSure = "maybe a string" // 可以是 string 類型
notSure = false // 也可以是 boolean 類型

notSure.name // 可以隨便調(diào)用屬性和方法
notSure.getName()

不建議使用 any，不然就喪失了 TS 的意義。

數(shù)組類型

const list: number[] = [1, 2, 3]
list.push(4)

_ 數(shù)組里的項(xiàng)寫錯(cuò)類型會(huì)報(bào)錯(cuò)_

const list2: number[] = [1, 2, "3"]

image.png

_ push 時(shí)類型對(duì)不上會(huì)報(bào)錯(cuò)_

list2.push("123")

image.png

如果數(shù)組想每一項(xiàng)放入不同數(shù)據(jù)怎么辦？用元組類型

元組類型

_ 元組類型允許表示一個(gè)已知元素?cái)?shù)量和類型的數(shù)組，各元素的類型不必相同_

const tuple: [number, string] = [18, "lin"]
console.log(tuple)

// 數(shù)組里的項(xiàng)寫錯(cuò)類型會(huì)報(bào)錯(cuò)

const tuple2: [number, string] = ["lili", 20]
console.log(tuple2)

image.png

// 越界會(huì)報(bào)錯(cuò)：

const tuple3: [number, string] = [18, "lin", true]

image.png

• 可以對(duì)元組使用數(shù)組的方法，比如使用 push 時(shí)，不會(huì)有越界報(bào)錯(cuò)_

const tuple4: [number, string] = [18, "lin"]
tuple4.push(100)

push 一個(gè)沒(méi)有定義的類型，報(bào)錯(cuò)

const tuple4: [number, string] = [18, "lin"]
tuple4.push(true)

image.png