一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務(wù)器之家:專注于服務(wù)器技術(shù)及軟件下載分享
分類導(dǎo)航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務(wù)器之家 - 編程語(yǔ)言 - JavaScript - js教程 - TypeScript 安裝使用及基本數(shù)據(jù)類型

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

2022-02-19 17:45小明同學(xué)c js教程

這篇文章主要介紹了TypeScript 安裝使用及基本數(shù)據(jù)類型,本文分步驟給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

第一步 全局安裝TypeScript

使用 npm 安裝

?
1
npm install -g typescript

使用cnpm 安裝

?
1
cnpm install -g typescript

使用yarn安裝

?
1
yarn global add typescript

第二步 初始化TypeScript

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

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

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

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

TypeScript 的 基本數(shù)據(jù)類型

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
// 布爾類型 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)類型語(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 類型
// 表示沒有任何類型。當(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)搜索服務(wù)器之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持服務(wù)器之家!

原文鏈接:https://blog.csdn.net/weixin_45753553/article/details/114838887

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 乌克兰粉嫩摘花第一次 | 成人依依网 | 二次元美女互摸隐私互扒 | 成人影院免费看 | 2019韩国最新三级 | 成人黄页网站 | 婷综合 | 日韩欧美中文字幕一区 | 日韩欧美一卡二区 | 91免费高清视频 | 国产成人精品曰本亚洲78 | 日本精品一区二区在线播放 | 动漫精品一区二区三区3d | 我要色色网 | 日本一卡二卡3卡四卡网站精品 | 色啊色 | 国产成人青草视频 | 精品四虎| 激情影院网站 | 欧美日韩一区二区三区久久 | 暖暖中国免费观看高清完整版 | 欧美大b | 天天干天天色综合 | 欧美日韩第二页 | 国产精品模特hd在线 | www视频在线免费观看 | 亚州综合网 | 日韩精品免费一区二区 | 亚洲好骚综合 | 免费又爽又黄禁片视频在线播放 | 处女摘花视频 | 91香蕉视频网址 | 欧美日韩高清完整版在线观看免费 | 日本艳鉧动漫1~6完整版在 | 五月婷婷在线免费观看 | 美女扒开腿让男人桶爽动态图片 | 天天成人 | 久久伊人免费 | 干b视频在线观看 | 国产精品亚洲综合久久 | 亚洲香蕉综合在人在线视看 |