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

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

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

`语法：`

<类型>值或值 as 类型

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

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

function f13(name : string, age : string | number) {
       if (age.length) { //报错console.log(age.length) //报错}  else {
       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

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

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

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

总结：

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

![format_png][] 扫码关注，前端知识整理

![format_png 1][]

![format_png 2][]

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

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL3N6X21tYml6X2pwZy9LU3lZZVBESjVIdXljVFN3S0swRGt6TWY0bUVYdmtDU0JodkZqT291WlB2UWZpY0pKYTNiQ3BWcVgwcmtuR0lqMFFLMFJYWVJlelNZaGljM1dhNlJ6OG93LzY0MA?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL3N6X21tYml6X3BuZy9LU3lZZVBESjVIdElKczNQVGxPb3RuNFFrSmgxcEhIZHNYWW1HazFaUGFFSFBnZWQ3RVBwRHN0WHk1bDZ3YjQxTXl2M3I3RlNpYzBZSnR6bWh5VzYzSncvNjQw?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL3N6X21tYml6X3BuZy9LU3lZZVBESjVIc1pKMFFCRk5SajVmTWRTN1Z2ODNDQ1cwR2dZdFRGdG8zNlp2RmVFRndNZEZDRUNJTU94VU1rRkJVNWliUUtIOG85ZUdraWNOT3NUVFJBLzY0MA?x-oss-process=image/format,png