欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

TypeScript 安裝使用及基本數據類型

 更新時間:2021年03月18日 10:14:58   作者:小明同學c  
這篇文章主要介紹了TypeScript 安裝使用及基本數據類型,本文分步驟給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下

第一步 全局安裝TypeScript

使用 npm 安裝

npm install -g typescript

使用cnpm 安裝

cnpm install -g typescript

使用yarn安裝

yarn global add typescript

第二步 初始化TypeScript

初始化typescript

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

監(jiān)視

接下來就可以開始我們的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,2,3]
let list4:Array<string> = ['a','b','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
// 躲避強類型語言檢測,不知道用戶動態(tài)輸入的什么值的時候??梢允褂胊ny類型進行標記

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( 'this is void' ) } // 沒有返回值
function user1 ():number { return 123 } // 返回的是number 類型
let user2:void = undefined | null // 沒啥用只能配沒啥用的undefined 和 null 

// Null 和 Undefined 不解釋了
let u: undefined = undefined;
let n: null = null;

// Never never類型表示的是那些永不存在的值的類型。never類型是那些總是會拋出異?;蚋揪筒粫蟹祷刂档暮瘮当磉_式或箭頭函數表達式的返回值類型
let neve:never
neve = 123 // error
// 返回never的函數必須存在無法達到的終點
neve = (() => { throw new Error('err') })() // success
function loop(): never {
 while (true) {  }
}

// PS 今天的教程暫時到此為止,后續(xù)更新object類型 

到此這篇關于TypeScript 安裝使用及基本數據類型的文章就介紹到這了,更多相關TypeScript 基本數據類型內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • JavaScript的concat方法實例代碼(數組連接)

    JavaScript的concat方法實例代碼(數組連接)

    這篇文章主要介紹了JavaScript的concat方法實例代碼,包括數組連與字符連接,需要的朋友可以參考下
    2023-03-03
  • JavaScript數組前面插入元素的方法

    JavaScript數組前面插入元素的方法

    這篇文章主要介紹了JavaScript數組前面插入元素的方法,涉及javascript中unshift方法的使用技巧,非常具有實用價值,需要的朋友可以參考下
    2015-04-04
  • JavaScript利用閉包實現模塊化

    JavaScript利用閉包實現模塊化

    本文主要介紹了JavaScript利用閉包實現模塊化的方法。具有一定的參考價值,下面跟著小編一起來看下吧
    2017-01-01
  • 詳解JavaScript邏輯Not運算符

    詳解JavaScript邏輯Not運算符

    這篇文章主要介紹了JavaScript邏輯Not運算符,邏輯NOT運算符與C和Java中的邏輯 NOT 運算符相同,都由感嘆號(!)表示,想要深入了解邏輯Not運算符的朋友可以參考一下
    2015-12-12
  • 微信小程序的運行機制與安全機制解決方案詳解

    微信小程序的運行機制與安全機制解決方案詳解

    這篇文章主要介紹了微信小程序的運行機制與安全機制解決方案,接觸小程序有一段時間了,總得來說小程序開發(fā)門檻比較低,但其中基本的運行機制和原理還是要懂的
    2023-02-02
  • 原生js實現2048小游戲

    原生js實現2048小游戲

    這篇文章主要為大家詳細介紹了原生js實現2048小游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-03-03
  • 解決layui的input獨占一行的問題

    解決layui的input獨占一行的問題

    今天小編就為大家分享一篇解決layui的input獨占一行的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • Js操作DOM元素及獲取瀏覽器高寬的簡單方法

    Js操作DOM元素及獲取瀏覽器高寬的簡單方法

    下面小編就為大家?guī)硪黄狫s操作DOM元素及獲取瀏覽器高寬的簡單方法。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-09-09
  • 基本DOM節(jié)點操作

    基本DOM節(jié)點操作

    本文主要介紹了基本DOM節(jié)點操作,具有一定的參考價值,下面跟著小編一起來看下吧
    2017-01-01
  • 在JavaScript中終止forEach循環(huán)的三種方式

    在JavaScript中終止forEach循環(huán)的三種方式

    如何終止forEach循環(huán)這個問題估計會難倒一部分同學,甚至會有人反問,forEach循環(huán)在JavaScript中能終止嗎?本文小編給大家介紹了三種方式可以終止forEach循環(huán),需要的朋友可以參考下
    2023-11-11

最新評論