typescript 交叉類型的實(shí)現(xiàn)示例
更新時(shí)間：2025年12月30日 10:29:31 作者：詩人遠(yuǎn)行
本文主要介紹了typescript 交叉類型的實(shí)現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
一，前言
1，交叉類型是將多個(gè)類型合并為一個(gè)類型。 這讓我們可以把現(xiàn)有的多種類型疊加到一起成為一種類型，它包含了所需的所有類型的特性
二，交叉類型使用
1.我們可以使用type來聲明一個(gè)新的交叉類型
interface A{
a:number
}
interface B{
b:string
}
type C = A & B //C 同時(shí)擁有A和B的所有屬性
2.接口的交叉類型生成一個(gè)新的接口類型，含有兩者的所有屬性，在使用時(shí)，也要滿足新的接口的形狀。
三，注意事項(xiàng)
1.并不是所有類型都適合交叉類型，例如原子類型的交叉是沒有意義的，string & number 是沒有意義的，沒有一種類型既是string也是number
2.對于兩個(gè)接口類型的交叉類型，當(dāng)兩個(gè)接口含有相同的屬性時(shí)，若這兩個(gè)屬性的類型相同，則合并為這一個(gè)類型，若不同，那么整個(gè)交叉類型返回never
interface A{
a:number
}
interface B{
a:string
}
type C = A & B //C 是never類型
3.注意和聯(lián)合類型區(qū)分開，一個(gè)是既是也是，一個(gè)是或者
到此這篇關(guān)于typescript 交叉類型的實(shí)現(xiàn)示例的文章就介紹到這了,更多相關(guān)typescript 交叉類型內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Three.js GLTF模型加載實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了Three.js GLTF模型加載實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
基于bootstrap的文件上傳控件bootstrap fileinput
這篇文章主要為大家詳細(xì)介紹了基于bootstrap的文件上傳控件bootstrap fileinput，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
如何實(shí)現(xiàn)修改密碼時(shí)密碼框顯示保存到cookie的密碼
修改密碼時(shí)密碼框顯示保存到cookie的密碼,只要在input框中加入AUTOCOMPLETE="OFF" 即可，感興趣的朋友可以了解下2013-12-12
使用JS實(shí)現(xiàn)在空白頁上展示出一個(gè)有趣的時(shí)鐘
在我們?nèi)粘５木W(wǎng)頁瀏覽中,空白的頁面往往會(huì)被視為一種無趣的事物,一片等待填充的空間,今天我們來學(xué)習(xí)一下如何使用JS在空白的網(wǎng)頁上展示出一個(gè)有趣的時(shí)鐘吧,感興趣的小伙伴跟著小編一起來看看吧2024-04-04
這篇文章主要給大家介紹了關(guān)于Require.JS中幾種define定義方式的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-06-06
javascript 得到文件后綴名的思路及實(shí)現(xiàn)
在上傳文件時(shí)，常常要對文件的類型即對文件的后綴名進(jìn)行判斷，用javascript可以很容易的做到這一點(diǎn)。用Javascript解析一個(gè)帶絕對路徑的文件名并得到后綴名的方法有很多種，這里列出一種，以供參考。2013-07-07
下面小編就為大家?guī)硪黄獪\談原生JS中的延遲腳本和異步腳本。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了webpack 5 聯(lián)邦模塊介紹，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
這篇文章主要介紹了微信小程序tabBar 返回tabBar不刷新頁面,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
JS ES6中setTimeout函數(shù)的執(zhí)行上下文示例
這篇文章主要給大家介紹了關(guān)于JS ES6中setTimeout函數(shù)的執(zhí)行上下文的相關(guān)資料，文中給出了詳細(xì)的介紹和示例代碼供大家參考學(xué)習(xí)，需要的朋友們下面來一起看看吧。2017-04-04