TypeScript中的類型斷言[as語法|＜＞語法]的使用
要理解好類型斷言，其實(shí)就深刻理解一句話：你會(huì)比TypeScript更了解某個(gè)值的詳細(xì)信息 。
類型斷言，斷言 斷言，顧名思義，我斷定怎么怎么樣，代入這句話里就是，我斷定這個(gè)類型是什么。當(dāng)然這是我們主觀上的思維邏輯，程序并不認(rèn)可，所以我們需要告訴程序：“相信我，我知道自己在干什么” 。
這么干說，大家可能還是理解的不夠透徹，我用兩個(gè)函數(shù)舉一個(gè)例子：
/**
* @param d 日期
* @param f 想要格式化的字符串
*/
function dateFormatter(d: Date | string, f?: string) {
const date = new Date(d);
if (f) {
return `${date.getFullYear()}${f}${date.getMonth() + 1}${f}${date.getDate()}`
} else {
return new Date(d);
}
}
上面這是一個(gè)簡單的日期格式化的小函數(shù)， f 是連接符，如果 f 有值，那么就用 f 來連接日期并返回，如果沒有值，則直接返回一個(gè)new Date(d) 。
/**
* @param d 日期字符串
*/
function dealDate(d: string) {
return new Date(d).getTime();
}
dealDate()函數(shù)接受要給string類型的字符串,返回這個(gè)時(shí)間的毫秒數(shù)。
接下來，我們先調(diào)用第一個(gè)dateFormatter() 函數(shù)，接收返回值，然后傳遞給dealDate()函數(shù)，此時(shí)我們一般這么調(diào)。
const date = dealDate(dateFormatter('2020-7-28', '/'));
這么調(diào)用的問題就在于，我們知道 dateFormatter() 函數(shù)因?yàn)?f 參數(shù)的存在，返回的值肯定是一個(gè)string類型。
但是TS不這么認(rèn)為，在TS的推導(dǎo)中，dateFormatter()函數(shù)可能還會(huì)返回 Date 類型的值，所以就會(huì)給你標(biāo)紅，提示你 dealDate() 函數(shù)需要傳遞字符串類型的值，但是你傳遞過來的可能是 string 或者 Date，類型不匹配。
但是可以編譯通過。
這種時(shí)候我們就符合我們前面說的那種情況了，我們可以斷定傳過去一定是字符串。此時(shí)我們可以這么用：
const date = dealDate(dateFormatter('2020-7-28','/') as string);
// 或者這么用
const a = dealDate(<string>dateFormatter('2020-7-28', '/'));這就是Typescript中的類型斷言了。
到此這篇關(guān)于TypeScript中的類型斷言[as語法|＜＞語法]的使用的文章就介紹到這了,更多相關(guān)TypeScript 類型斷言內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
ES6中新增了箭頭函數(shù)這種語法,箭頭函數(shù)以其簡潔性和方便獲取this的特性,接下來通過本文給大家分享ES6箭頭函數(shù)中的this，感興趣的朋友一起看看吧2018-02-02
IE是當(dāng)前瀏覽器的一個(gè)異類，不過解決方法倒也相當(dāng)簡單，使用Firefox和Safari 之 類的瀏覽時(shí)，可以使用元素的setArribute方法來設(shè)置元素的class屬性2008-08-08
js 右側(cè)浮動(dòng)層效果實(shí)現(xiàn)代碼(跟隨滾動(dòng))
因?yàn)轫?xiàng)目上有這樣的需求，在網(wǎng)上也查了些東西，之前是想找個(gè)差不多類似的套用一下。后來發(fā)覺沒有合適的，因時(shí)間緊迫就自己動(dòng)手寫了一個(gè)簡單的 ，示例代碼如下 兼容火狐和IE7+2015-11-11
BootStrap+Mybatis框架下實(shí)現(xiàn)表單提交數(shù)據(jù)重復(fù)驗(yàn)證
這篇文章主要介紹了BootStrap+Mybatis框架下實(shí)現(xiàn)表單提交數(shù)據(jù)重復(fù)驗(yàn)證功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
swiper 自動(dòng)圖片無限輪播實(shí)現(xiàn)代碼
今天移動(dòng)端正好需要圖片觸摸滑動(dòng)效果實(shí)現(xiàn)代碼，基于swiper實(shí)現(xiàn),需要的朋友可以參考下2018-05-05
本文給大家分享一段js代碼關(guān)于生成和下載二維碼功能，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-12-12
阻止JavaScript事件冒泡傳遞（cancelBubble 、stopPropagation）
阻止JavaScript事件冒泡傳遞（cancelBubble 、stopPropagation）...2007-05-05
Javascript原生的String處理函數(shù)顯得很不夠豐富2010-04-04
javascript檢查瀏覽器是否已經(jīng)啟用XX功能
本文給大家分享的是檢測瀏覽器是否支持cookie功能，檢查瀏覽器是否已經(jīng)啟用Java支持功能以及獲取當(dāng)前瀏覽器的信息，十分的實(shí)用，有需要的小伙伴可以參考下。2015-07-07
微信小程序連接服務(wù)器展示MQTT數(shù)據(jù)信息的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序連接服務(wù)器展示MQTT數(shù)據(jù)信息的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07