摘要:通常會(huì)定義為函數(shù)的返回值一個(gè)類型的變量是沒有生命用處的,因?yàn)轭愋偷淖兞恐荒苜x值為。和有一些區(qū)別的,函數(shù)沒有返回值時(shí)返回類型為的方法,即使沒有寫明語句,也會(huì)在函數(shù)執(zhí)行完的時(shí)候,隱式地返回一個(gè)類型。中新增加的變量聲明方式。
類型注解
類型注解使用 :TypeAnnotation 語法。類型聲明空間中可用的任何內(nèi)容都可以用作類型注解。
const num: number = 123; function identity(num: number): number { return num; }基礎(chǔ)類型
TypeScript 支持原生 JavaScript 所有的基礎(chǔ)數(shù)據(jù)類型:
undefined
null
string
number
boolean
symbol(ES6)
也支持引用數(shù)據(jù)類型:
Object
Array
Map
Set
TypeScript 還擴(kuò)展一些數(shù)據(jù)類型:
元組 tuple元組類型允許表示一個(gè)已知元素?cái)?shù)量和類型的數(shù)組,各元素的類型不必相同。
const tuple: [string, number] = ["string", 123]; // tuple[0] 只能指定 string 類型,tuple[1] 只能指定 number 類型
其實(shí)元組可以看作是一個(gè)嚴(yán)格的數(shù)組,規(guī)定了指定索引位置的元素類型,還限制了數(shù)組的長(zhǎng)度(v2.7,官方中文文檔未更新)。
任意類型 any其他類型都是 any 類型的子類型,any 類型的值可以被賦值為除 never 類型外的任何類型的值:
let an: any = "any 類型"; console.log(an); // any 類型 an = 25; console.log(an); // 25
如果在聲明變量時(shí),沒有聲明其類型,也沒有初始化,(因?yàn)轭愋屯茢鄷?huì)自動(dòng)判斷類型),那么它就會(huì)被判斷為 any 類型:
let an1; an1 = "沒有聲明其類型,也沒有初始化"; console.log(an1); // 沒有聲明其類型,也沒有初始化 an1 = 25; console.log(an1); // 25
any 類型可以看作是一個(gè)動(dòng)態(tài)類型,類型檢查器直接讓這些 any 類型的變量通過編譯階段的檢查。
any 類型的變量可以調(diào)用任意的方法,這和 JavaScript 中常規(guī)定義的變量相同,但是運(yùn)行時(shí)如果沒有這些方法仍然會(huì)報(bào)錯(cuò):
let something: any = 42; // 可以通過編譯,但是運(yùn)行時(shí)沒有這個(gè)方法時(shí)候報(bào)錯(cuò)的 something.mayExist(); // 可以通過編譯,運(yùn)行也不會(huì)報(bào)錯(cuò) something.toFixed();無類型 void
void 可以看作和 any 相反的類型,void 表示沒有任何類型。通常會(huì)定義為函數(shù)的返回值:
function info(): void { console.log("this is info!"); }
一個(gè) void 類型的變量是沒有生命用處的,因?yàn)?void 類型的變量只能賦值為 undefined、null。
不存在的值 nevernever 類型表示永不存在的值。never 類型是 TypeScript 中的最底層類型:
一個(gè)從來不會(huì)有返回值的函數(shù);
一個(gè)總是會(huì)拋出錯(cuò)誤的函數(shù);
never 類型是任何類型的子類型,也可以賦值給任何類型,但是 never 僅能被賦值給另外一個(gè) never 類型。
never 和 void 有一些區(qū)別的,函數(shù)沒有返回值時(shí):
返回類型為 void 的方法,即使沒有寫明 return x 語句,也會(huì)在函數(shù)執(zhí)行完的時(shí)候,隱式地返回一個(gè) void 類型。
返回類型為 never 的方法,完全不可能執(zhí)行 return 語句,換句話說這個(gè)方法執(zhí)行不完,真真正正的不返回。
正則表達(dá)式類型 regexp//構(gòu)造函數(shù)聲明法 let reg1: RegExp = new RegExp("ljy", "gi"); console.log(reg1); //字面量的聲明法 let reg2: RegExp = /ljy/gi; console.log(reg2);枚舉 enum 類型斷言
TypeScript 也不是萬能的,對(duì)變量類型的解析也是會(huì)出錯(cuò),這個(gè)時(shí)候就需要類型斷言。
“尖括號(hào)”語法:
const someValue: any = "this is a string"; const strLength: number = (someValue).length;
as 語法:
const someValue: any = "this is a string"; const strLength: number = (someValue as string).length;
類型斷言不是類型轉(zhuǎn)換,斷言成一個(gè)聯(lián)合類型中不存在的類型時(shí)不允許的:
function toBoolean(something: string | number): boolean { // Type "string | number" cannot be converted to type "boolean" return變量聲明something; }
盡量避免使用 var 聲明變量。
ES6 中新增加的變量聲明方式。和 var 相似,但是更容易理解。
constES6 中新增加的變量聲明方式。和 let 相似,但是不允許修改。
使用最小特權(quán)原則,所有變量聲明方式第一選擇為 const,只有在確定需要修改變量時(shí),才需要使用 let 進(jìn)行聲明。
類型別名類型別名常用于聯(lián)合類型,可以使用 type 創(chuàng)建類型別名:
type Name = string; type NameResolver = () => string; type NameOrResolver = Name | NameResolver; function getName(n: NameOrResolver): Name { if (typeof n === "string") { return n; } else { return n(); } }
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/106655.html
摘要:聯(lián)合類型聯(lián)合類型表示一個(gè)值可以時(shí)集中類型之一,使用進(jìn)行分隔每種類行。聯(lián)合類型的變量在被賦值的時(shí)候,根據(jù)類型推論的規(guī)則,推斷出一個(gè)類型。 聯(lián)合類型 聯(lián)合類型表示一個(gè)值可以時(shí)集中類型之一,使用 | 進(jìn)行分隔每種類行。 聯(lián)合類型的變量在被賦值的時(shí)候,根據(jù)類型推論的規(guī)則,推斷出一個(gè)類型。 聯(lián)合類型的變量當(dāng)被推斷出類型后,就變得和正常聲明的變量一樣: let ddd: string | numb...
摘要:接口的作用是聲明變量的結(jié)構(gòu)和方法,但不做具體的實(shí)現(xiàn)。這兩個(gè)使用場(chǎng)景不同。額外的屬性檢查從字面上的意思看,其實(shí)就是對(duì)接口未定義的屬性進(jìn)行檢查。上面的例子,定義了接口,它具有索引簽名。它不會(huì)幫你檢查類是否具有某些私有成員。 接口的作用是聲明變量的結(jié)構(gòu)和方法,但不做具體的實(shí)現(xiàn)。通常,接口會(huì)強(qiáng)制對(duì)所有成員進(jìn)行類型檢查,包括數(shù)量和類型: interface Name { first: s...
摘要:當(dāng)你陷在一個(gè)中大型項(xiàng)目中時(shí)應(yīng)用日趨成為常態(tài),沒有類型約束類型推斷,總有種牽一發(fā)而動(dòng)全身的危機(jī)和束縛。總體而言,這些付出相對(duì)于代碼的健壯性和可維護(hù)性,都是值得的。目前主流的都為的開發(fā)提供了良好的支持,比如和。參考資料中文文檔 文章博客地址:http://pinggod.com/2016/Typescript/ TypeScript 是 JavaScript 的超集,為 JavaScrip...
摘要:抽象類抽象類做為其它字類的基類使用,一般不會(huì)直接被實(shí)例化。抽象類中可以包含具體實(shí)現(xiàn),接口不能。抽象類在運(yùn)行時(shí)是可見的,可以通過判斷。接口只能描述類的公共部分,不會(huì)檢查私有成員,而抽象類沒有這樣的限制。 一個(gè)普通的類 class Greeter { greeting: string; constructor(message: string) { this....
摘要:它包含多個(gè)屬性,這些屬性值叫做元數(shù)據(jù)。會(huì)根據(jù)元數(shù)據(jù)渲染組件,并執(zhí)行組件邏輯。元數(shù)據(jù)會(huì)告訴圖和將這個(gè)類處理成一個(gè)組件。元數(shù)據(jù)這段代碼表示這個(gè)組件可以通過這個(gè)標(biāo)簽來調(diào)用。 那些年初識(shí)Angular 由于工作需要初識(shí)了Angular,由于個(gè)人在學(xué)習(xí)一門新語言的時(shí)候喜歡買一本相關(guān)的書籍自己鉆研,還記得自己的第一本Angular書籍是關(guān)于Angular2的學(xué)習(xí),自此正式踏入Angular的學(xué)習(xí)。...
閱讀 3755·2023-04-26 02:32
閱讀 4252·2021-11-23 10:05
閱讀 2381·2021-10-08 10:04
閱讀 2881·2021-09-22 16:06
閱讀 3700·2021-09-22 15:27
閱讀 830·2019-08-30 15:54
閱讀 1866·2019-08-30 13:50
閱讀 2779·2019-08-29 13:56