TS中type和interface的區(qū)別解析
在 TS 中，type 和 interface相似，都可以給類型命名并通過該名字來引用表示的類型。不過它們之間是存在一些差別的，我們?cè)谑褂脮r(shí)也需要注意一些特殊場景。
概念：
type：類型別名，為類型創(chuàng)建一個(gè)新名稱。它并不是一個(gè)類型，只是一個(gè)別名。
type關(guān)鍵字是聲明類型別名的關(guān)鍵字。它的語法如下：
type AliasName = Type;
- type：聲明類型別名的關(guān)鍵字
- AliasName：類型別名的名稱
- Type：類型別名關(guān)聯(lián)的具體類型
interface：接口，TS 設(shè)計(jì)出來主要用于定義對(duì)象類型，可以對(duì)對(duì)象的形狀進(jìn)行描述。
通過關(guān)鍵字 interface可以定義一個(gè)接口類型。它能合并眾多類型聲明至一個(gè)類型聲明。
接口聲明只存在于編譯階段，在編譯后生成的 JS 代碼中不包含任何接口代碼。
語法如下：
interface InterfaceName {
TypeMember;
TypeMember;
...
}- interface：定義接口的關(guān)鍵字
- InterfaceName：接口名，首字母需要大寫
- TypeMember：接口的類型成員
區(qū)別：
1.interface可以重復(fù)聲明，type定義后不能重復(fù)聲明
2.interface可以通過“extends”來繼承接口，這樣既高效又不用重新定義。而type只能通過&來實(shí)現(xiàn)類似于繼承的功能
3.
type 能夠表示非對(duì)象類型， 而 interface 則只能表示對(duì)象類型。
type
- 可以定義基本類型別名，如type StringType = string
- 可以聲明聯(lián)合類型，如 type paramType = number | string;
- 可以聲明元組類型，如type arrType = [string, string, number]
定義對(duì)象時(shí)嚴(yán)謹(jǐn)?shù)膩碚f，type 是引用，而 interface是定義。
到此這篇關(guān)于TS中type和interface的區(qū)別的文章就介紹到這了,更多相關(guān)TS type和interface區(qū)別內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
js實(shí)現(xiàn)獲取div坐標(biāo)的方法
這篇文章主要介紹了js實(shí)現(xiàn)獲取div坐標(biāo)的方法,通過調(diào)用jQuery插件實(shí)現(xiàn)獲取div元素坐標(biāo)的功能,非常簡單實(shí)用,需要的朋友可以參考下2015-11-11
Bootstrap模態(tài)框調(diào)用功能實(shí)現(xiàn)方法
這篇文章主要介紹了Bootstrap模態(tài)框調(diào)用功能實(shí)現(xiàn)方法的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-09-09
Openlayers測量距離與面積的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Openlayers測量距離與面積的實(shí)現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
如何解決java.lang.NumberFormatException: null異常
這篇文章主要介紹了如何解決java.lang.NumberFormatException: null異常問題，具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-03-03
本文主要介紹了uniapp中的picker選擇器的幾種使用場景，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
Javascript作用域(局部和全局作用域)詳細(xì)介紹
作用域是當(dāng)前的執(zhí)行上下文，值和表達(dá)式在其中“可見”或可被訪問，本文主要介紹了Javascript局部作用域和全局作用域，文中有詳細(xì)的代碼示例，具有一定的參考價(jià)值,需要的朋友可以借鑒一下2023-06-06
原生JavaScript寫出Tabs標(biāo)簽頁的實(shí)例代碼
這篇文章主要介紹了原生JavaScript寫出Tabs標(biāo)簽頁的實(shí)例代碼，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)彈出窗口效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要為大家介紹了JavaScript中的聲明提升實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
泛型是TypeScript中的一個(gè)強(qiáng)大特性,它可以增加代碼的靈活性和安全性,在本文中,我將向您介紹泛型的使用方法和場景,并展示如何使用類型約束,需要的朋友可以參考下2023-08-08