TypeScript中使用类型断言的几种方式分享
更新时间：2023年09月18日 09:56:43 作者：思路大于开发
在TypeScript中,类型断言用于告诉编译器某个变量的类型,这在我们确定变量的类型比编译器更准确时非常有用,本文给大家分享了几种TypeScript中使用类型断言方式,需要的朋友可以参考下
正文
- 为什么需要类型断言
尽管类型推断很智能，但同时也很死板，不懂得变通。如果严格按照推断来定义类型可能会让开发者付出一些额外的却有不必要的工作与精力。事实上，开发者在不犯错的情况下，往往比编译器更清楚自己想要的类型，因此需要一种手段来绕过默认的推导行为
- 如何断言
1.as
通过as关键字，可以强制将一个类型断言为另一个类型。如下，将Ani断言为Spp
2.as const
在TypeScript中，let声明的变量具有更宽泛的类型推导
而const则范围更小
下边是一个与联合类型结合使用的例子。由于s表示的是一个更宽泛的number类型，number又是1|2的父类型，从而产生报错
此时，只需要将s替换为ss，由于ss表示的是子类型，根据协变特性，子类型可以代替父类型使用
3.非空断言
当我们明确在一定条件下，某个对象的某个key一定存在时，可以通过!进行标记
- 断言的条件
断言与any不同，它必须在一定的条件和范围内才能实现类型的互换，如下，两个不相干的类型之间无法断言
断言的前提条件是两个类型之间存在父子关系，能够产生协变或者逆变
- 超越断言规则的断言
由于unknow是any的子类型，而any又是任意类型的父类型，因此通过此中转，可以完成任意类型的断言转换
如果本文对您有用，希望能得到您的点赞和收藏
到此这篇关于TypeScript中使用类型断言的几种方式分享的文章就介绍到这了,更多相关TypeScript类型断言的使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
今天小编就为大家分享一篇LayerClose弹窗关闭刷新方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要为大家详细介绍了微信小程序实现多文件或者图片上传，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要为大家介绍了Aptos SDK交互实现过程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要介绍了如何使用gpu.js改善JavaScript的性能，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下2020-12-12
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。本文给大家介绍Bootstrap框架的学习教程详解，对bootstrap框架感兴趣的朋友跟着小编一起学习吧2016-10-10
在函数内部，有两个特殊的对象：arguments和this。这篇文章主要介绍了函数内部属性之arguments和this ,需要的朋友可以参考下2018-10-10
下面小编就为大家分享一篇select标签设置默认选中的选项方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
JavaScript/TypeScript中==和===的区别详解
这篇文章主要给大家介绍了关于JavaScript/TypeScript中==和===区别的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-03-03
这篇文章主要介绍了JS运动基础框架,实例分析了javascript定时器及div样式的使用技巧,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了基于javascript实现仿百度输入框自动匹配功能的相关资料,需要的朋友可以参考下2016-01-01
最新评论