TypeScript中的類型斷言[as語(yǔ)法|＜＞語(yǔ)法]的使用
要理解好類型斷言，其實(shí)就深刻理解一句話：你會(huì)比TypeScript更了解某個(gè)值的詳細(xì)信息 。
類型斷言，斷言 斷言，顧名思義，我斷定怎么怎么樣，代入這句話里就是，我斷定這個(gè)類型是什么。當(dāng)然這是我們主觀上的思維邏輯，程序并不認(rèn)可，所以我們需要告訴程序：“相信我，我知道自己在干什么” 。
這么干說(shuō)，大家可能還是理解的不夠透徹，我用兩個(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è)簡(jiǎn)單的日期格式化的小函數(shù)， f 是連接符，如果 f 有值，那么就用 f 來(lái)連接日期并返回，如果沒有值，則直接返回一個(gè)new Date(d) 。
/**
* @param d 日期字符串
*/
function dealDate(d: string) {
return new Date(d).getTime();
}
dealDate()函數(shù)接受要給string類型的字符串,返回這個(gè)時(shí)間的毫秒數(shù)。
接下來(lái)，我們先調(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ù)需要傳遞字符串類型的值，但是你傳遞過(guò)來(lái)的可能是 string 或者 Date，類型不匹配。
但是可以編譯通過(guò)。
這種時(shí)候我們就符合我們前面說(shuō)的那種情況了，我們可以斷定傳過(guò)去一定是字符串。此時(shí)我們可以這么用：
const date = dealDate(dateFormatter('2020-7-28','/') as string);
// 或者這么用
const a = dealDate(<string>dateFormatter('2020-7-28', '/'));這就是Typescript中的類型斷言了。
到此這篇關(guān)于TypeScript中的類型斷言[as語(yǔ)法|＜＞語(yǔ)法]的使用的文章就介紹到這了,更多相關(guān)TypeScript 類型斷言內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript navigator.userAgent獲取瀏覽器信息案例講解
這篇文章主要介紹了JavaScript navigator.userAgent獲取瀏覽器信息案例講解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
js getBoundingClientRect() 來(lái)獲取頁(yè)面元素的位置
該方法已經(jīng)不再是IE Only了，F(xiàn)F3.0+和Opera9.5+已經(jīng)支持了該方法，可以說(shuō)在獲得頁(yè)面元素位置上效率能有很大的提高，在以前版本的Opera和Firefox中必須通過(guò)循環(huán)來(lái)獲得元素在頁(yè)面中的絕對(duì)位置。2010-11-11
JS關(guān)鍵字變色實(shí)現(xiàn)思路及代碼
JS關(guān)鍵字變色詳細(xì)很多朋友都很想實(shí)現(xiàn)吧接下來(lái)將執(zhí)行以下幾個(gè)步驟：1.替換關(guān)鍵字，對(duì)字體變色2.用正則，CSS背景變色;該方法可結(jié)合前臺(tái)JS調(diào)用，感興趣的朋友可以參考下，希望可以幫助到你2013-02-02
這篇文章主要為大家詳細(xì)介紹了JavaScript仿小米手機(jī)上下滑動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
JS實(shí)現(xiàn)時(shí)間校驗(yàn)的代碼
這篇文章主要介紹了JS實(shí)現(xiàn)時(shí)間校驗(yàn)的代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-05-05
JavaScript判斷輸入值是否為正整數(shù)(判斷變量為數(shù)字)
在項(xiàng)目開發(fā)中,有時(shí)候需要使用JavaScript驗(yàn)證用戶輸入的是否為正整數(shù),這篇文章主要給大家介紹了關(guān)于JavaScript判斷輸入值是否為正整數(shù)(判斷變量為數(shù)字)的相關(guān)資料,需要的朋友可以參考下,2023-11-11
JavaScript?中從?URL?獲取數(shù)據(jù)的方法
這篇文章主要介紹了在?JavaScript?中從?URL?獲取數(shù)據(jù),我們使用了open函數(shù)，將請(qǐng)求方法類型和URL作為參數(shù)傳遞，并調(diào)用XMLHttpRequest()的send()方法，結(jié)合示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下2023-05-05
javascript 事件綁定的一些兼容寫法整理非常不錯(cuò)，感謝2009-12-12
分享XmlHttpRequest調(diào)用Webservice的一點(diǎn)心得
因?yàn)轫?xiàng)目需要，以后前端、手機(jī)客戶端調(diào)用ASP.NET的Webservice來(lái)獲取信息.所以這段時(shí)間開始看Webservice，試著通過(guò)XmlHttpRequest調(diào)用Webservice，過(guò)程中碰到不少問題，也有不少的收獲2012-07-07
js復(fù)制內(nèi)容到剪貼板代碼,js復(fù)制代碼的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js復(fù)制內(nèi)容到剪貼板代碼,js復(fù)制代碼的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10