第一階段.模塊二:學習筆記-TypeScript基本類型

文章說明:文章內(nèi)容為學習筆記样悟,學徒之心,僅為分享; 如若有誤,請在評論區(qū)指出窟她,如若您覺得文章內(nèi)容對您有一點點幫助陈症,請點贊、關(guān)注震糖、評論录肯,共享

上一篇:第一階段.模塊二:學習筆記-js有關(guān)的
下一篇:第一階段.模塊二:學習筆記-es6的symbol

TypeScript 的基礎類型

1、布爾值 :

let bool:boolean = false

2吊说、數(shù)值:

let num:number = 123

3论咏、字符串:

let str:string ='hello world'
let str2:string = `我是字面量形式`

4、數(shù)組:

方式一:數(shù)組里面只有一種數(shù)據(jù)類型
let arr:number[]
arr = [1,2,3,4,5]
方式二:數(shù)組里面只有一種數(shù)據(jù)類型
let arr1:Array<number>
arr1 = [1,2,3,4,5]
方式三:數(shù)組里面有多種數(shù)據(jù)類型
let arr2:(number|string)[]
arr2 = [1,2,3,'hellow world']

5颁井、元組:

注1:元組可以看成是數(shù)組的擴展
注2:元組的數(shù)據(jù)長度是有限的
注3:元組要聲明每一個item是哪種數(shù)據(jù)類型厅贪,元素不對應就會報錯,多一個/少一個都不行
let tuple:[number,number,boolean,string]
tuple = [1,2,false,'hello world'] 正確
tuple = [1,2,3,'hello world'] 錯誤

6雅宾、枚舉值:

注1:使用關(guān)鍵字 【enum】 來聲明枚舉
注2:枚舉變量的首字母最好大寫
注3:枚舉里面的元素的key最好大寫
---------------------
---------------------
默認枚舉的索引:
enum Role {
    SUPPER_ADMIN,
    ADMIN,
    USER
}
console.log(Role.SUPPER_ADMIN) // 返回的是索引 0
console.log(Role.ADMIN) // 返回的是索引 1
console.log(Role.USER) // 返回的是索引 2
---------------------
---------------------
自定義枚舉的索引1:
enum Role {
    SUPPER_ADMIN = 2,
    ADMIN,
    USER
}
console.log(Role.SUPPER_ADMIN) // 返回的是索引 2
console.log(Role.ADMIN) // 返回的是索引 3
console.log(Role.USER) // 返回的是索引 4
---------------------
---------------------
自定義枚舉的索引2:
enum Role {
    SUPPER_ADMIN,
    ADMIN =4,
    USER
}
console.log(Role.SUPPER_ADMIN) // 返回的是索引 0
console.log(Role.ADMIN) // 返回的是索引 4
console.log(Role.USER) // 返回的是索引 5

7养涮、any 類型:

注1: any類型 就是js的數(shù)據(jù)類型都可以
注2: 盡量少用,能不能則不用
let val:any
val = 123
val = 'hellow world'
val = false
val = [123,456]
const arr:any[] =[1,'hello']
等等...

8眉抬、void 類型:

注1: void類型 就是什么類型都不是
注2: 盡量少用贯吓,能不能則不用
---------------------
---------------------
函數(shù)沒有返回任何數(shù)據(jù),即返回的就是void類型
**void類型的值可以是undefined和null**
const fun1 = (text:string):void =>{
    console.log(text)
}
fun1('hello world') // 正確
fun1(123) // 錯誤 傳入的值的類型不是字符串

9蜀变、null 和 undefined 類型:

注: null 和undefined 是其他類型的子類型
let un: undefined
un = undefined
let nu: null
nu = null

10悄谐、never 類型:

注1: never類型 是永遠不存在的值的類型
注2: never類型 是任意類型的子類型
異常函數(shù):
const errorFun = (msg:string): never => {
    throw new Error(msg)
}
errorFun('函數(shù)的返回值是never類型')

死循環(huán)函數(shù):
const dieFun = (): never => {
    while(true){}
}

11、object 類型:

注1:存放的是對象在內(nèi)存中(首地址)的引用
注2:object 類型,不是單指對象類型库北,而是除了原始類型以外的其他類型
例如: const foo: object = function(){} 
const foo: object = []  const foo: object = {}
注2:對象類型的限制尊沸,可以用 const foo:{a:number,b:string} = {a:100,b:'你好'}來限制

let obj={
    name :'小明'
}
let obj2 = obj
obj2.name ='花花'
console.log(obj.name) // 花花

const getObj = (obj:object) =>:void {
    console.log(obj)
}
getObj(obj2) // 花花

12、類型斷言:

注:類型斷言就是我們開發(fā)人員自己決定變量的類型是什么
寫法一:(value as 需要的類型)
寫法二:(<需要的類型>value)
推薦第一種贤惯,因為在寫recat代碼的時候洼专,第二種會被看成html的標簽

const getLength = (value:string | number):number => {
    if ((value as string).length || (<string>value).length == 0) {
        return (value as string).length
    } else {
        return value.toString().length
    }
}
getLength('hellow')
getLength(01234)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市孵构,隨后出現(xiàn)的幾起案子屁商,更是在濱河造成了極大的恐慌,老刑警劉巖颈墅,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蜡镶,死亡現(xiàn)場離奇詭異,居然都是意外死亡恤筛,警方通過查閱死者的電腦和手機官还,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來毒坛,“玉大人望伦,你說我怎么就攤上這事林说。” “怎么了屯伞?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵腿箩,是天一觀的道長。 經(jīng)常有香客問我劣摇,道長珠移,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任末融,我火速辦了婚禮钧惧,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘勾习。我一直安慰自己浓瞪,他們只是感情好,可當我...
    茶點故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布语卤。 她就那樣靜靜地躺著,像睡著了一般酪刀。 火紅的嫁衣襯著肌膚如雪粹舵。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天骂倘,我揣著相機與錄音眼滤,去河邊找鬼。 笑死历涝,一個胖子當著我的面吹牛诅需,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播荧库,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼堰塌,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了分衫?” 一聲冷哼從身側(cè)響起场刑,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蚪战,沒想到半個月后牵现,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡邀桑,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年瞎疼,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片壁畸。...
    茶點故事閱讀 40,133評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡贼急,死狀恐怖茅茂,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情竿裂,我是刑警寧澤玉吁,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站腻异,受9級特大地震影響进副,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜悔常,卻給世界環(huán)境...
    茶點故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一影斑、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧机打,春花似錦矫户、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至芥挣,卻和暖如春驱闷,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背空免。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工空另, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蹋砚。 一個月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓扼菠,卻偏偏與公主長得像,于是被迫代替她去往敵國和親坝咐。 傳聞我的和親對象是個殘疾皇子循榆,可洞房花燭夜當晚...
    茶點故事閱讀 45,077評論 2 355