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