TypeScript 安裝使用及基本數(shù)據(jù)類型
第一步 全局安裝TypeScript
使用 npm 安裝
npm install -g typescript
使用cnpm 安裝
cnpm install -g typescript
使用yarn安裝
yarn global add typescript
第二步 初始化TypeScript

在vscode里面 終端 >> 運(yùn)行生成任務(wù) >> tsc:監(jiān)視tsconfig.json

接下來(lái)就可以開(kāi)始我們的typescript旅程了~
TypeScript 的 基本數(shù)據(jù)類型
// 布爾類型 boolean 數(shù)字類型 number 字符串類型 string 數(shù)組類型 array 元組類型 tuple 枚舉類型 enum 任意類型 any void 類型 never 類型
// 布爾類型
let flag:boolean = true
console.log(flag) //true
// 數(shù)字類型
let num:number = 11234
console.log(num) // 112
// 字符串類型
let str:string = 'str str str~'
let str1:string = `hello this is string ${ num }` // 同樣支持模版字符串
console.log(str) // str str str~
// 數(shù)組類型
// type1 可以在元素類型后面接上[],表示此類型元素組成的一個(gè)數(shù)組
let list:number[] = [1,2,3]
let list1:string[] = ['a','b','c']
// type2 使用數(shù)組泛型, Array<元素類型>
let list3:Array<number> = [1,2,3]
let list4:Array<string> = ['a','b','c']
//元組類型 Tuple
元組類型允許表示一個(gè)已知元素?cái)?shù)量和類型的數(shù)組,各個(gè)元素的類型可以不一樣、
let x:[ string, number ]
let y:[ number, string ]
x = [ 1, 'a' ] // error
x = [ 'a', 1 ] // true
y = [ 1,'a' ] // true
// 當(dāng)訪問(wèn)一個(gè)越界的元素,會(huì)使用聯(lián)合類型替代:
x[3] = 'yuejie' // success 字符串支持 ( string | number ) 類型
x[4] = true // error 布爾不是 ( string | number ) 類型
// 枚舉
enum Color { blue, red, orange }
enum Flag { success = 1, error = 2 }
enum Color1 { blue, red = 4, orange, green }
let c:Color = Color.red // 0
let result:Flag = Flag.success // 1
let d:Color1 = Color1.orange // 5
let e:Color1 = Color1.blue // 0
// 任意類型 Any
// 躲避強(qiáng)類型語(yǔ)言檢測(cè),不知道用戶動(dòng)態(tài)輸入的什么值的時(shí)候。可以使用any類型進(jìn)行標(biāo)記
let notSure:any = 4
notSure = 'this is any' // ok
notSure = true // ok
let list0:any[] = [1,true,'free']
list0[2] = 1 //ok 不指定類型
// Void 類型
// 表示沒(méi)有任何類型。當(dāng)一個(gè)函數(shù)沒(méi)有返回值的時(shí)候,通常會(huì)見(jiàn)到其返回值類型是 void
function user():void { console.log( 'this is void' ) } // 沒(méi)有返回值
function user1 ():number { return 123 } // 返回的是number 類型
let user2:void = undefined | null // 沒(méi)啥用只能配沒(méi)啥用的undefined 和 null
// Null 和 Undefined 不解釋了
let u: undefined = undefined;
let n: null = null;
// Never never類型表示的是那些永不存在的值的類型。never類型是那些總是會(huì)拋出異?;蚋揪筒粫?huì)有返回值的函數(shù)表達(dá)式或箭頭函數(shù)表達(dá)式的返回值類型
let neve:never
neve = 123 // error
// 返回never的函數(shù)必須存在無(wú)法達(dá)到的終點(diǎn)
neve = (() => { throw new Error('err') })() // success
function loop(): never {
while (true) { }
}
// PS 今天的教程暫時(shí)到此為止,后續(xù)更新object類型
到此這篇關(guān)于TypeScript 安裝使用及基本數(shù)據(jù)類型的文章就介紹到這了,更多相關(guān)TypeScript 基本數(shù)據(jù)類型內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript的concat方法實(shí)例代碼(數(shù)組連接)
這篇文章主要介紹了JavaScript的concat方法實(shí)例代碼,包括數(shù)組連與字符連接,需要的朋友可以參考下2023-03-03
JavaScript利用閉包實(shí)現(xiàn)模塊化
本文主要介紹了JavaScript利用閉包實(shí)現(xiàn)模塊化的方法。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01
微信小程序的運(yùn)行機(jī)制與安全機(jī)制解決方案詳解
這篇文章主要介紹了微信小程序的運(yùn)行機(jī)制與安全機(jī)制解決方案,接觸小程序有一段時(shí)間了,總得來(lái)說(shuō)小程序開(kāi)發(fā)門(mén)檻比較低,但其中基本的運(yùn)行機(jī)制和原理還是要懂的2023-02-02
在JavaScript中終止forEach循環(huán)的三種方式
如何終止forEach循環(huán)這個(gè)問(wèn)題估計(jì)會(huì)難倒一部分同學(xué),甚至?xí)腥朔磫?wèn),forEach循環(huán)在JavaScript中能終止嗎?本文小編給大家介紹了三種方式可以終止forEach循環(huán),需要的朋友可以參考下2023-11-11

