Typescript中類型斷言官方解釋

要理解好類型斷言，其實(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)連接日期并返回，如果沒(mé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)用的問(wèn)題就在于，我們知道 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)文章希望大家以后多多支持腳本之家！

最新評(píng)論