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

TypeScript 安裝使用及基本數(shù)據(jù)類型

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

第一步 全局安裝TypeScript

使用 npm 安裝

npm install -g typescript

使用cnpm 安裝

cnpm install -g typescript

使用yarn安裝

yarn global add typescript

第二步 初始化TypeScript

初始化typescript

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

監(jiān)視

接下來就可以開始我們的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)訪問一個(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)類型語言檢測(cè),不知道用戶動(dòng)態(tài)輸入的什么值的時(shí)候??梢允褂胊ny類型進(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 類型
// 表示沒有任何類型。當(dāng)一個(gè)函數(shù)沒有返回值的時(shí)候,通常會(huì)見到其返回值類型是 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類型是那些總是會(huì)拋出異常或根本就不會(huì)有返回值的函數(shù)表達(dá)式或箭頭函數(shù)表達(dá)式的返回值類型
let neve:never
neve = 123 // error
// 返回never的函數(shù)必須存在無法達(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ù)組連接)

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

    JavaScript數(shù)組前面插入元素的方法

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

    JavaScript利用閉包實(shí)現(xiàn)模塊化

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

    詳解JavaScript邏輯Not運(yùn)算符

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

    微信小程序的運(yùn)行機(jī)制與安全機(jī)制解決方案詳解

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

    原生js實(shí)現(xiàn)2048小游戲

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

    解決layui的input獨(dú)占一行的問題

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

    Js操作DOM元素及獲取瀏覽器高寬的簡(jiǎn)單方法

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

    基本DOM節(jié)點(diǎn)操作

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

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

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

最新評(píng)論