TypeScript中使用類(lèi)型斷言的幾種方式分享
正文
- 為什么需要類(lèi)型斷言
盡管類(lèi)型推斷很智能，但同時(shí)也很死板，不懂得變通。如果嚴(yán)格按照推斷來(lái)定義類(lèi)型可能會(huì)讓開(kāi)發(fā)者付出一些額外的卻有不必要的工作與精力。事實(shí)上，開(kāi)發(fā)者在不犯錯(cuò)的情況下，往往比編譯器更清楚自己想要的類(lèi)型，因此需要一種手段來(lái)繞過(guò)默認(rèn)的推導(dǎo)行為
- 如何斷言
1.as
通過(guò)as關(guān)鍵字，可以強(qiáng)制將一個(gè)類(lèi)型斷言為另一個(gè)類(lèi)型。如下，將Ani斷言為Spp
2.as const
在TypeScript中，let聲明的變量具有更寬泛的類(lèi)型推導(dǎo)
而const則范圍更小
下邊是一個(gè)與聯(lián)合類(lèi)型結(jié)合使用的例子。由于s表示的是一個(gè)更寬泛的number類(lèi)型，number又是1|2的父類(lèi)型，從而產(chǎn)生報(bào)錯(cuò)
此時(shí)，只需要將s替換為ss，由于ss表示的是子類(lèi)型，根據(jù)協(xié)變特性，子類(lèi)型可以代替父類(lèi)型使用
3.非空斷言
當(dāng)我們明確在一定條件下，某個(gè)對(duì)象的某個(gè)key一定存在時(shí)，可以通過(guò)!進(jìn)行標(biāo)記
- 斷言的條件
斷言與any不同，它必須在一定的條件和范圍內(nèi)才能實(shí)現(xiàn)類(lèi)型的互換，如下，兩個(gè)不相干的類(lèi)型之間無(wú)法斷言
斷言的前提條件是兩個(gè)類(lèi)型之間存在父子關(guān)系，能夠產(chǎn)生協(xié)變或者逆變
- 超越斷言規(guī)則的斷言
由于unknow是any的子類(lèi)型，而any又是任意類(lèi)型的父類(lèi)型，因此通過(guò)此中轉(zhuǎn)，可以完成任意類(lèi)型的斷言轉(zhuǎn)換
如果本文對(duì)您有用，希望能得到您的點(diǎn)贊和收藏
到此這篇關(guān)于TypeScript中使用類(lèi)型斷言的幾種方式分享的文章就介紹到這了,更多相關(guān)TypeScript類(lèi)型斷言的使用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- TypeScript 類(lèi)型斷言與非空斷言的實(shí)現(xiàn)
- TypeScript中非空斷言操作符(!)的使用小結(jié)
- typescript 非空斷言的具體使用
- TypeScript?類(lèi)型斷言的幾種實(shí)現(xiàn)
- TypeScript中的類(lèi)型斷言和非空斷言的使用方法
- TypeScript類(lèi)型推論與類(lèi)型斷言實(shí)例詳解
- TypeScript類(lèi)型斷言VS類(lèi)型守衛(wèi)示例詳解
- TypeScript中的類(lèi)型斷言[as語(yǔ)法|＜＞語(yǔ)法]的使用
- TypeScript函數(shù)和類(lèi)型斷言實(shí)例詳解
- TypeScript 中的常量斷言as const的使用小結(jié)
相關(guān)文章
webpack3升級(jí)到webpack4遇到問(wèn)題總結(jié)
這篇文章主要介紹了webpack3升級(jí)到webpack4遇到問(wèn)題總結(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
使用正則替換變量...2007-05-05
js大數(shù)相加出現(xiàn)精度丟失、運(yùn)算錯(cuò)誤的問(wèn)題
js中數(shù)字類(lèi)型長(zhǎng)度達(dá)到16位時(shí),進(jìn)行加減乘除運(yùn)算,會(huì)出現(xiàn)精度丟失,運(yùn)算結(jié)果錯(cuò)誤的問(wèn)題,本文講述精度丟失的原因及解決辦法2023-08-08
本篇文章主要介紹了詳解webpack進(jìn)階之loader篇，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
JS簡(jiǎn)單實(shí)現(xiàn)tab切換效果的多窗口顯示功能
這篇文章主要介紹了JS簡(jiǎn)單實(shí)現(xiàn)tab切換效果的多窗口顯示功能,可實(shí)現(xiàn)響應(yīng)鼠標(biāo)事件的文字切換顯示效果,涉及javascript頁(yè)面元素遍歷與樣式變換相關(guān)操作技巧,需要的朋友可以參考下2016-09-09
在現(xiàn)代 Web 開(kāi)發(fā)中,JavaScript 提供了多種方法來(lái)與瀏覽器窗口進(jìn)行交互,包括最大化和最小化瀏覽器窗口,雖然瀏覽器通常會(huì)限制對(duì)窗口尺寸的直接控制,但我們依然可以實(shí)現(xiàn)一些常見(jiàn)的行為,本文將探討如何使用 JavaScript 實(shí)現(xiàn)窗口的最大化和最小化效果2024-12-12
layui form.render(''select'', ''test2'') 更新渲染的方法
今天小編就為大家分享一篇layui form.render('select', 'test2') 更新渲染的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
IE下的Range操作比Mozilla下強(qiáng)很多，這里只討論IE下的操作,這里選介紹幾個(gè)光標(biāo)定位的特點(diǎn)2006-10-10
在element-ui的select下拉框加上滾動(dòng)加載
這篇文章主要介紹了在element-ui的select下拉框加上滾動(dòng)加載，本文以以element-ui中的select為例，給大家介紹的非常詳細(xì),需要的朋友可以參考下2019-04-04
本文主要介紹了使用javaScript和jQuery制作光棒效果的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02