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类型断言的使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了js实现统计字符串中特定字符出现个数的方法,涉及javascript针对字符串中字符运算操作相关技巧,需要的朋友可以参考下2016-08-08
下面小编就为大家带来一篇js return返回多个值,通过对象的属性访问方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
layui 点击重置按钮, select 并没有被重置的解决方法
今天小编就为大家分享一篇layui 点击重置按钮, select 并没有被重置的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了JS控制GIF图片的停止与显示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
在 JavaScript 中,处理“当前日期和时间”是非常常见的需求,本文为大家详细介绍了JavaScript 获取当前日期时间及其它操作,包括格式化,加减时间,时间戳转换等2025-08-08
在页面中有两个列表框，需要把其中一个列表框的元素移动到另一个列表框，怎么实现此功能呢，下面通过本文给大家介绍JavaScript如何实现组合列表框中元素移动效果，感兴趣的朋友一起学习吧2016-03-03
这篇文章主要介绍了使用typescript类型来实现快排详情，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-08-08
这篇文章主要介绍了如何在JavaScript中正确处理变量，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下2020-12-12
这篇文章主要为大家详细介绍了js事件处理程序跨浏览器解决方案，感兴趣的小伙伴们可以参考一下2016-03-03
JavaScript中最基本的继承方式,其核心思想是利用原型让一个引用类型继承另一个引用类型的属性和方法,下面这篇文章主要介绍了JavaScript六种继承方式的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-10-10
最新评论