coderwhy vue3typescript版課堂day語(yǔ)法精講五

npp

n我們會(huì)發(fā)現(xiàn)interface和typep如果是定義非對(duì)象類型，通常推薦使用type，比如Direction、Alignment、一些npinterfacep而type

nn這是因?yàn)門ypeScriptp但是之后如果我們是將一個(gè)變量標(biāo)識(shí)符賦值給其他的變量時(shí)，會(huì)進(jìn)行freshness

n枚舉類型是為數(shù)不多的TypeScriptpp

nnp這個(gè)時(shí)候會(huì)從100n

n軟件工程的主要目的是構(gòu)建不僅僅明確和一致的API，p比如我們可以通過(guò)函數(shù)來(lái)封裝一些APIpnpn如果我們是TypeScriptn上面的代碼雖然實(shí)現(xiàn)了，但是不適用于其他類型，比如string、boolean 等類型

n雖然any是可以的，但是定義為anyn（typevariable），npü在這里會(huì)推導(dǎo)出它們是字面量類型

nnpT：TypepK、V：key和valuepE：ElementpO：Objectn在定義接我們也可以使用泛型

n

np比如string和array都是有l(wèi)ength的，或者某些對(duì)象也是會(huì)有l(wèi)engthp那么只要是擁有l(wèi)ength

nTypeScriptp模塊化：每個(gè)文件可以是一個(gè)獨(dú)立的模塊，支持ESModule，也支持p命名空間：通過(guò)namespace 一個(gè)命名空

n命名空間在TypeScript早期時(shí)，稱之為內(nèi)部模塊，主要目的是將一個(gè)模塊內(nèi)部再進(jìn)行作用域的劃分，防止一些命名

n之前我們所有的typescriptn大家是否會(huì)奇怪，我們的HTMLImageElement類型來(lái)自哪里呢？甚至是 p其實(shí)這里就涉及到typescriptn我們這里先給大家介紹另外的一種typescript文件：.d.tsp我們之前編寫的typescript文件都是.ts文件，這些文件最終會(huì)輸出.jsp還有另外一種文件.d.ts文件，它是用來(lái)做類型的 (declare)。它僅僅用來(lái)做類型檢測(cè)，告知typescript我們有哪n那么typescript會(huì)在哪里查找我們的類 呢p內(nèi)置類 p外部定義類 p自己定義類

n內(nèi)置類 是typescript自帶的、幫助我們內(nèi)置了JavaScript運(yùn)行時(shí)的一些標(biāo)準(zhǔn)化API 文件p包括比如Math、Date等內(nèi)置類型，也包括DOMAPI，比如Window 等n內(nèi)置類 通常在我們安裝typescript的環(huán)境中會(huì)帶有的 /TypeScript/tree/main/lib

n外部類 通常是我們使用一些庫(kù)（比如 庫(kù)）時(shí)，需要的一些類。n這些庫(kù)通常有兩種類 方式n方式一：在自己庫(kù)中進(jìn)行類 （編寫.d.ts文件），比如axiosn方式二：通過(guò)社區(qū)的一個(gè)公有庫(kù)Defini yTyped存放類 文p該庫(kù) 地址p該庫(kù)查 安裝方式的地址p比如我們安裝react的類 ：npmi@types/react--save-devn什么情況下需要自己來(lái)定 文件呢p情況一：我們使用的 庫(kù)是一個(gè)純的JavaScript庫(kù)，沒有對(duì)應(yīng) 文件；比如p情況二：我們給自己的代碼 一些類型，方便在其他地方直接進(jìn)行使用 n我們也可 模塊，比如lodash模塊默認(rèn)不能使用的情況，可以自己 這個(gè)模塊 模塊的語(yǔ)法:declaremodulep 模塊的內(nèi)部，我們可以通過(guò)export導(dǎo)出對(duì)應(yīng)庫(kù)的類、函數(shù)等

n在某些情況下，我們也可 文件p比如在開發(fā)vue的過(guò)程中，默認(rèn)是不識(shí)別我們的.vue文件的，那么我們就需要對(duì)其進(jìn)行文件 p比如在開發(fā)中我們使用了jpg這 文件，默認(rèn)typescript也是不支持的，也需要對(duì)其進(jìn)

n比如我們?cè)趇ndex.html中直接引入了jQuery：pCDN地址：n我們可以進(jìn)行命