擁抱TypeScript

Java3y 發(fā)布于2019-08-23 18:16 / 1653人閱讀

摘要：入門基本類型和擴(kuò)展類型與共享相同的基本類型，但有一些額外的類型。枚舉類型是對(duì)標(biāo)準(zhǔn)數(shù)據(jù)類型的一個(gè)補(bǔ)充。像等其它語(yǔ)言一樣，使用枚舉類型可以為一組數(shù)值賦予友好的名字。

TypeScript入門 基本類型和擴(kuò)展類型

Typescript與Javascript共享相同的基本類型，但有一些額外的類型。

元組Tuple

枚舉enum

Any與Void

never

基本類型

// 數(shù)字
let num: number = 6;
let num: number = 0xf00d;

// 字符串
let name: string = "bob";

// 數(shù)組，第二種方式是使用數(shù)組泛型，Array<元素類型>：
let list: number[] = [1, 2, 3];
let list: Array = [1, 2, 3];
let list: any[] = [1,2,3,"4"];

// symbol
let s:symbol = Symbol("s");

// boolean
let isTrue: boolean = true;

// undefined
let u: undefined = undefined;

// null
let n: null = null;

// 定義多種類型
let s:string|undefined;

特殊類型

元組Tuple

元組作為有組織的數(shù)組，需要以正確的順序預(yù)定義數(shù)據(jù)類型。

const tuple: [number, string, string] = [24, "Indrek" , "Lasn"];
const arr3:[string, number] = ["12",1];

枚舉enum

enum類型是對(duì)JavaScript標(biāo)準(zhǔn)數(shù)據(jù)類型的一個(gè)補(bǔ)充。像C#等其它語(yǔ)言一樣，使用枚舉類型可以為一組數(shù)值賦予友好的名字。

enum Flag {
    success = 0,
    error = 1
}
let c: Flag = Flag.success; // 0
let d: string = Flag[0]; // success

Any

表示任意類型，慎重使用，用多了就失去使用Ts的意義

用于類型不明確的情況

Void

在Typescript中，你必須在函數(shù)中定義返回類型

我們可以將其返回值定義為void

用void定義的函數(shù)不能寫return

function run():void{
    console.log("run")
}

never

Never是永遠(yuǎn)達(dá)不到的值

// 返回never的函數(shù)必須存在無(wú)法達(dá)到的終點(diǎn)
function error(message: string): never {
    throw new Error(message);
}

// 推斷的返回值類型為never
function fail():never {
    return error("Something failed");
}

// 返回never的函數(shù)必須存在無(wú)法達(dá)到的終點(diǎn)
function infiniteLoop(): never {
    while (true) {
    }

云服務(wù)器 GPU云服務(wù)器擁抱新增長(zhǎng) TypeScript typescript javascript typescript-ionic2

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/104939.html

相關(guān)文章

React項(xiàng)目從Javascript到Typescript的遷移經(jīng)驗(yàn)總結(jié)

摘要：面對(duì)越來(lái)越火的，我們公司今年也逐漸開(kāi)始擁抱。綜上所述，我個(gè)人覺(jué)得是要?jiǎng)h除相關(guān)的東西，降低項(xiàng)目復(fù)雜度。但是有一個(gè)例外情況。這個(gè)配置項(xiàng)有三個(gè)值可選擇，分別是和。模式會(huì)生成，在使用前不需要再進(jìn)行轉(zhuǎn)換操作了，輸出文件的擴(kuò)展名為。拋轉(zhuǎn)引用現(xiàn)在越來(lái)越多的項(xiàng)目放棄了javascript，而選擇擁抱了typescript，就比如我們熟知的ant-design就是其中之一。面對(duì)越來(lái)越火的typesc...

zhisheng 2019-08-23 17:17 評(píng)論0 收藏0
Deno 并不是下一代 Node.js

摘要：長(zhǎng)文預(yù)警字，圖。開(kāi)發(fā)并不是因?yàn)椋膊皇菫榱巳〈?。不知道從官方介紹來(lái)看，可以認(rèn)為它是下一代是如何腦補(bǔ)出來(lái)的。只是一個(gè)原型或?qū)嶒?yàn)性產(chǎn)品。所以，不是要取代，也不是下一代，也不是要放棄重建生態(tài)。的目前是要擁抱瀏覽器生態(tài)。這幾天前端圈最火的事件莫過(guò)于 ry(Ryan Dahl) 的新項(xiàng)目 deno 了，很多 IT 新聞和媒體都用了標(biāo)題：下一代 Node.js。這周末讀了一遍 deno 的源碼，...

mmy123456 2019-08-26 11:59 評(píng)論0 收藏0
前端周刊第59期：選 Flow 還是 TypeScript？

摘要：周末是時(shí)隔兩月的家人團(tuán)聚，而每次內(nèi)容的準(zhǔn)備平均需要我集中精力工作小時(shí)，所以第期的內(nèi)容今早才準(zhǔn)備好，對(duì)不住大家了。下面是本周精選內(nèi)容，請(qǐng)享用。本文作者王仕軍，商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。 showImg(https://segmentfault.com/img/remote/1460000009742537?w=1240&h=509); 周末是時(shí)隔兩月的家人團(tuán)聚，而...

Julylovin 2019-08-21 11:44 評(píng)論0 收藏0
[譯]學(xué)習(xí)如何去學(xué)習(xí) JavaScript - 5 個(gè)你應(yīng)該如何花在學(xué)習(xí) JS 上時(shí)間的建議

摘要：擁抱異步編程縱觀發(fā)展史也可以說(shuō)成開(kāi)發(fā)的發(fā)展史，你會(huì)發(fā)現(xiàn)異步徹底改變了這場(chǎng)游戲?？梢赃@么說(shuō)，異步編程已成為開(kāi)發(fā)的根基。這也是你應(yīng)盡早在上投入大量時(shí)間的一處核心知識(shí)點(diǎn)，這其中包含和等重要概念。這也是最突出的一項(xiàng)貢獻(xiàn)。原文地址：Medium - Learning How to Learn JavaScript. 5 recommendations on how you should spend ...

wanglu1209 2019-05-23 13:55 評(píng)論0 收藏0
2017-10-14 前端日?qǐng)?bào)

摘要：前端日?qǐng)?bào)精選譯中多樣的原理與跨域前端重構(gòu)感想創(chuàng)建一條通用鏈表在生產(chǎn)環(huán)境中直接部署代碼綁定過(guò)程和其中的一些坑的總結(jié)拖拽作業(yè)組件設(shè)計(jì)中文第期前端之切切切切切圖動(dòng)畫實(shí)現(xiàn)菜單特效騰訊前端團(tuán)隊(duì)社區(qū)布局探索之路依然最受歡迎，開(kāi)發(fā)者年度報(bào)告還能 2017-10-14 前端日?qǐng)?bào) 精選 [譯] Javascript 中多樣的 thisAJAX原理與CORS跨域前端重構(gòu)感想js創(chuàng)建一條通用鏈表在生產(chǎn)環(huán)境中...

nifhlheimr 2019-08-21 17:02 評(píng)論0 收藏0