第一步 全域性安裝TypeScript

使用 npm 安裝

npm install -g typescript

使用cnpm 安裝

cnpm install -g typescript

使用yarn安裝

yarn global add typescript

第二步 初始化TypeScript

在vscode裡面 終端 >> 執行生成任務 >> tsc:監視tsconfig.json

接下來就可以開始我們的typescript旅程了~

TypeScript 的 基本資料型別

// 布林型別 boolean 數字型別 number 字串型別 string 陣列型別 array 元組型別 tuple 列舉型別 enum 任意型別 any void 型別 never 型別

// 布林型別
let flag:boolean = true
console.log(flag) //true
 
// 數字型別 
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~

// 陣列型別
// type1 可以在元素型別後面接上[]，表示此型別元素組成的一個數組
let list:number[] = [1,2,3]
let list1:string[] = ['a','b','c']
// type2 使用陣列泛型,Array<元素型別>
let list3:Array<number> = [1,3]
let list4:Array<string> = ['a','c']

//元組型別 Tuple
元組型別允許表示一個已知元素數量和型別的陣列，各個元素的型別可以不一樣、
let x:[ string,number ]
let y:[ number,string ]
x = [ 1,'a' ] // error
x = [ 'a',1 ] // true 
y = [ 1,'a' ] // true
// 當訪問一個越界的元素，會使用聯合型別替代：
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
// 躲避強型別語言檢測，不知道使用者動態輸入的什麼值的時候。可以使用any型別進行標記

let notSure:any = 4
notSure = 'this is any' // ok
notSure = true // ok
let list0:any[] = [1,true,'free']
list0[2] = 1 //ok 不指定型別
 
// Void 型別
// 表示沒有任何型別。當一個函式沒有返回值的時候，通常會見到其返回值型別是 void
function user():void { console.log( fPhqGDO
 
'this is v程式設計客棧oid' ) } // 沒有返回值
function user1 ():number { return 123 } // 返回的是number 型別
let user2:void = undefined | null // 沒啥用只能配沒啥用的undefined 和 null 

// Null 和 Undefined 不解釋了
let u: und程式設計客棧efined = undefined;
fPhqGDOlet n: null = null;

// Never never型別表示的是那些永不存在的值的型別。never型別是那些總是會丟擲異常或根本就不會有返回值的函式表示式或箭頭函式表示式的返回值型別
let neve:never
neve = 123 // error
// 返回never的函式必須存在無法達到的終點
neve = (() => { throw new Error('err') })() // shttp://www.cppcns.com
 
uccess
function loop(): never {
 while (true) {  }
}

// PS 今天的教程暫時到此為止，後續更新object型別 

到此這篇關於TypeScript 安裝使用及基本資料型別的文章就介紹到這了,更多相關TypeScript 基本資料型別內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！