TypeScript中的類型斷言語法怎么使用

這篇文章主要介紹“TypeScript中的類型斷言語法怎么使用”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“TypeScript中的類型斷言語法怎么使用”文章能幫助大家解決問題。

Typescript中類型斷言官方解釋

要理解好類型斷言，其實就深刻理解一句話：你會比TypeScript更了解某個值的詳細信息 。

類型斷言，斷言 斷言，顧名思義，我斷定怎么怎么樣，代入這句話里就是，我斷定這個類型是什么。當然這是我們主觀上的思維邏輯，程序并不認可，所以我們需要告訴程序：“相信我，我知道自己在干什么” 。

這么干說，大家可能還是理解的不夠透徹，我用兩個函數舉一個例子：

/**
 * @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);
    }
}

上面這是一個簡單的日期格式化的小函數， f 是連接符，如果 f 有值，那么就用 f 來連接日期并返回，如果沒有值，則直接返回一個new Date(d) 。

/**
 * @param d 日期字符串
 */
function dealDate(d: string) {
    return new Date(d).getTime();
}

dealDate()函數接受要給string類型的字符串,返回這個時間的毫秒數。

接下來，我們先調用第一個dateFormatter() 函數，接收返回值，然后傳遞給dealDate()函數，此時我們一般這么調。

const date = dealDate(dateFormatter('2020-7-28', '/'));

這么調用的問題就在于，我們知道 dateFormatter() 函數因為 f 參數的存在，返回的值肯定是一個string類型。

但是TS不這么認為，在TS的推導中，dateFormatter()函數可能還會返回 Date 類型的值，所以就會給你標紅，提示你 dealDate() 函數需要傳遞字符串類型的值，但是你傳遞過來的可能是 string 或者 Date，類型不匹配。

但是可以編譯通過。

這種時候我們就符合我們前面說的那種情況了，我們可以斷定傳過去一定是字符串。此時我們可以這么用：

const date = dealDate(dateFormatter('2020-7-28','/') as string);

// 或者這么用
const a = dealDate(<string>dateFormatter('2020-7-28', '/'));

這就是Typescript中的類型斷言了。

關于“TypeScript中的類型斷言語法怎么使用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。