TypeScript基础知识整理——类型断言

冷不防 2023-02-11 03:07 276阅读 0赞

注意：类型断言（Type Assertion）可以用来手动指定一个值的类型。

语法：

  1. <类型>值或值 as 类型

类型断言的用法如上，在需要断言的变量前加上 即可

就上篇文章中TypeScript 不确定一个联合类型的变量到底是哪个类型的时候来说​​​​​​​

  1. function f13(name : string, age : string | number) {
  2.    if (age.length) { //报错console.log(age.length) //报错}  else {
  3.    console.log(age.toString)}}f13('ljy', 21)//Property 'length' does not exist on type 'string |number'.Property 'length' does not exist on type 'number'

此时可以使用类型断言，将 age 断言成 string​​​​​​​

  1. function f14(name : string, age : string | number) {
  2.    if ((<string>age).length) {//断言console.log((<string>age).length)//断言}  else {
  3.    console.log(age.toString)}}f14('ljy', 21)

类型断言不是类型转换，断言成一个联合类型中不存在的类型是不允许的：​​​​​​​

  1. function toBoolean(something: string | number): boolean {
  2.    return <boolean>something;}Type 'string | number' cannot be converted to type 'boolean'

总结：

  1. 到这篇文章之后，Ts的所有基础知识已经差不多整理完了，后面会带来node.js的基础知识文章，因为工作有时候太忙，不是不写，是没时间，哈哈哈。敬请期待哦~

format_png 扫码关注，前端知识整理​​​​​​

format_png 1

format_png 2

你点的每个赞，我都认真当成了喜欢

发表评论

表情：
评论列表 （有 0 条评论，276人围观）

还没有评论，来说两句吧...

相关阅读

    相关 typescript类型断言

    作用： 通过类型断言这种方式可以告诉编译器，“相信我，我知道自己在干什么”，你会比 TypeScript 更了解某个值的详细信息，你清楚的知道一个实体具有比它现有类型更确

    女爷i女爷i/ 0 赞/ 362 阅读

    相关 TypeScript 高级类型整理

    一、交叉类型（Intersection Types） 交叉类型是奖多个类型合并为一个类型。这往我们可以把多个现有的多种类型叠加成为一种类型，它包含了所需的所有类型的特性。主要

    r囧r小猫r囧r小猫/ 0 赞/ 294 阅读