TypeScript基本类型的了解
生活随笔
收集整理的這篇文章主要介紹了
TypeScript基本类型的了解
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
數(shù)據(jù)類型:
number,string,boolean跟js類同
字面量
它就是值本身及值本身的類型
let a: 10 a = 10; a = 125; a = "123";any表示任何類型,可以任意賦值
一個(gè)變量賦值為any后相當(dāng)于對(duì)該變量關(guān)閉了ts的類型檢測(cè)
在使用ts時(shí)候不到萬(wàn)不得已則不建議使用any
unknown表示未知的類型
let e:unknown let s : string // e = 10 // e = "10" // e = true // e = d // s = e // unknown實(shí)際上就是一個(gè)類型安全的any // unknown類型的變量不能直接賦值給其他的變量 // 1. 可以通過(guò)對(duì)e變量類型的判斷進(jìn)行賦值 e = 'hello'; if(typeof e === "string"){s = e }2. 或者使用類型斷言 // 告訴編譯器e就是字符類型可以被s使用 s = e as string // 當(dāng)遇到一個(gè)類型不確定的變量時(shí)能不用any就不用any,推薦使用unkonwn當(dāng)把一個(gè)any類型的變量賦值給unknown之后也會(huì)變成any任意類型
但是unknown類型的變量直接賦值給別的變量則報(bào)錯(cuò)不會(huì)影響到其他的變量
void代表函數(shù)沒(méi)有返回值
function fn1():void{//return null|undefined//不報(bào)錯(cuò)// return 1323等類型則報(bào)錯(cuò) }never永遠(yuǎn)不會(huì)有返回值,沒(méi)有任何返回值
使用場(chǎng)景:用于異常拋出,返回報(bào)錯(cuò)
// function err():never{ // throw new Error("報(bào)錯(cuò)了!"); // } // void和never的區(qū)別是: // void有null或者undefined作為返回值 // never是沒(méi)有任何返回值object表示一個(gè)js對(duì)象
一般不常用,因?yàn)閖s中一切皆為對(duì)象所以,object這個(gè)類型太廣泛不好限制
let a :object a = {} a = function (){}{}用來(lái)指定對(duì)象中可以包含哪些屬性
// age?:number屬性名后加問(wèn)號(hào)表示屬性是可選的,有也可以沒(méi)有也可以 let b: {name:string,age?:number} b = {name:"孫悟空",age:22}[propName:string]: any表示任意類型的屬性
// [propName:string]: string表示任意類型的字符串屬性 let c: {name:string,[propName:string]: string} c = {name:"豬八戒",sex:"555",job:"4656"}Array
array的類型聲明方式:類型:[],Array<類型>
// string[]表示字符串?dāng)?shù)組 let d: string[] d =["1323","住宿等我","dwad"] // number[]表示數(shù)字?jǐn)?shù)組 let f: number[] f = [1,2,3,6,54] // 可以指定未知的類型或者多個(gè)類型Array<unknown>/any let g: Array<unknown> g = ["wewe",122,true]Tuple元組就是固定長(zhǎng)度的數(shù)組
// 語(yǔ)法:[類型,類型,類型] let h: [string,string] h = ["www",'www']enum枚舉
enum Gender{boy=1,girl=0 } let i:{name:string,gender:Gender} i = {name:"小明",gender:Gender.boy } console.log(i.gender===Gender.boy)// 類型的別名 type myType = 1|2|3|4|5 let k: myType let l: myType let m: myType k = 5//有則不報(bào)錯(cuò) // k = 6類型中無(wú)6則報(bào)錯(cuò)| &運(yùn)算符
|可以用來(lái)連接多個(gè)類型{聯(lián)合類型}
let b:number|boolean b = 2 b = true&表示并且的意思
表示名字必須是字符串年齡必須是數(shù)字類型
// let a: {name: string},{age:number}總結(jié)
以上是生活随笔為你收集整理的TypeScript基本类型的了解的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 为什么 React 还是比 Vue 受欢
- 下一篇: 关于鼠标悬停功能的实现