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类型断言的使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了微信浏览器下拉黑边解决方案 wScroollFix,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-01-01
这篇文章主要介绍了jQuery实现动态生成表格并为行绑定单击变色动作的方法,涉及jQuery页面元素遍历与事件动态响应相关操作技巧,需要的朋友可以参考下2017-04-04
本文总结了我在JavaScript编程中所找到的提高JavaScript运行性能的一些方法，其实这些经验都基于几条原则2008-11-11
这篇文章主要介绍了Weex开发之地图篇的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
这篇文章主要介绍了JS实现线性表的链式表示方法,简单讲解了线性表链式表示的原理并结合实例形式分析了js针对线性表链式表示的创建、插入、删除等节点操作技巧,需要的朋友可以参考下2017-04-04
随着多核cpu的普级,并发/并行多线程运算在主流的编程语言越来越流行,而在目前Javascript实现中还看不到在语言方面支持多线程,现在Javascript如此流行,真希望今后会在语言的层面有很大的变化.2010-11-11
本文通过实例代码介绍JS中的Select框实现模糊搜索功能,下面是使用JavaScript来实现模糊搜索的功能,代码分为html部分和javascript部分,感兴趣的朋友跟随小编一起看看吧2024-06-06
本文主要介绍了JS及JQuery对Html内容编码,Html转义的方法。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层容器名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method，下面这篇文章主要给大家介绍了关于setTimeout时间设置为0的相关资料，需要的朋友可以参考下。2018-03-03
本文给大家介绍js请求服务器gbk文件乱码问题，解决办法需要设置xhr.overrideMimeType("text/csv;charset=gb2312");才正确，具体代码怎么设置，将在本文中给大家提到，需要的朋友一起学习吧2015-10-10
最新评论