TypeScript的条件类型如何使用


本篇内容主要讲解“TypeScript的条件类型如何使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“TypeScript的条件类型如何使用”吧!我们可以使用 TypeScript 中的条件类型来根据逻辑定义某些类型,就像是在编写代码那样。它采用的语法和我们在 JavaScript 中熟悉的三元运算符很像:condition ? ifConditionTrue : ifConditionFalse。我们来看看他是怎么工作的。假设我们有一个值,这个值可以表示用户的出生日期或者年龄。如果是出生日期,那他的类型应该是 string。如果是年龄,那他的类型是 number。我们来定义这三种类型。Dob 和 Age 不需要多解释,我们来解释一下 UserAgeInformation。它接受一个泛型,可以是任何类型。如果 T extends number 为 true,就意味着传入的类型是 number 类型,我们就把 UserAgeInformation 设置为 number 类型。否则的话就设置为 string 类型。我们在使用的时候可以这样:除了上面介绍的用法,我们还可以通过检查是否扩展了一个对象来更进一步。比如,假设我们的客户有两种类型:Horse 和 User。两种类型的客户都有 age、name 两个字段。User 类型的客户还有一个 address 字段,它表示了详细的地址。Horse 类型的客户有 location 两个字段,它只是表示一个大概的位置。我们来定义这几种类型:在未来,我们还可能会有其他类型的客户,所以我们可以通过检查 T 是否具有 address 属性,如果有,我们使用 UserAddress 类型,否则使用 HorseAddress 类型。T extends { address: string } 的含义是检查 T 是否具有 address 属性。在三元表达式的条件返回中,我们也可以使用 T。比如下面的例子:T 被定义为 User,当我们调用 UserType 时,myUser 的类型就是 User,并且需要具有这种类型中所定义的字段。如果我们在这里传递一个联合类型:myUser 的类型会变成是 User|string,因为 User 通过了条件检测,但是 Horse 没有通过,所以它的类型是字符串。如果我们以某种方式修改 T,比如把它设置为数组。所有 T 的值都会被单独修改。在这里我们已经简化了 User 和 Horse,它们只留下了必须需要的 name 字段。在条件类型中,两种类型都包含了 name。所以两者都会返回 true,并且返回的类型是 T[],由于两者都返回 true,所以 myUser 的类型是 User[]|Horse[],所以我们可以简单地提供一个包含 name 属性的对象数组。这种行为通常很好,但是在某些情况下,我们希望返回一个数组。在这种情况下,如果我们想避免这样分布类型,可以在 周围添加 { name: string }。通过使用方括号,我们的类型已经转为 (User|Horse)[],而不是 User[]|Horse[]。这在某些特殊的场景中很有用。但是条件类型会增加复杂性,不可以滥用。我们也可以免费云主机域名在使用条件时使用 infer 关键字。假设我们有两种类型,一种用于数字数组,另一种用于字符串数组。在这个例子中,infer 将会推断数组中每个项目的类型,并返回正确的类型:我们在条件类型中定义了一个新的参数 Item,它是 extends Array 中的子项 T。但是我们必须传入数组,它才会有效,因为我们使用的是 Array。如果 T 不是数组,那么 ArrayType 的类型将会是 never。到此,相信大家对“TypeScript的条件类型如何使用”有了更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: java8并行流怎么应用

这篇文章主要介绍了java8并行流怎么应用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇java8并行流怎么应用文章都会有所收获,下面我们一起来看看吧。在java7之前,处理并行数据非常麻烦. 第一:你得明确的把包含的数据结构分成…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/30 11:58
下一篇 03/30 12:13

相关推荐