TypeScript中的類型斷言[as語法|＜＞語法]的使用

Posted on by

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中的類型斷言[as語法|＜＞語法]的使用的文章就介紹到這瞭,更多相關TypeScript 類型斷言內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：