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