TypeScript中的类型断言[as语法|＜＞语法]的使用

 本文主要介绍了TypeScript中的类型断言[as语法|＜＞语法]的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

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中的类型断言了。