当前位置:网站首页>【ts】typeScript高阶:any和unknown
【ts】typeScript高阶:any和unknown
2022-08-05 05:16:00 【六月的可乐】
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
typeScript高阶之any和unknown
前言
学习目标:
1、any和unknown的区别
2、unknown类型与其他类型的联合类型、交叉类型
3、unknown的应用–结合类型收缩
提示:以下是本篇文章正文内容,下面案例可供参考
一、any与unknown类型的区别
1、any类型表示任意类型,放弃了ts类型检查,ts中应该少用
type T1 = keyof any; // string | number | symbol
2、unkonw类型是暂时未知类型(之后会知道),仍然会进行ts的类型检查
type T2 = keyof unknown;// never
3、在ts的类型系统中never(空类型)是最窄的类型,any是最宽的类型
二、unknown类型与其他类型的联合类型、交叉类型
1.unknown类型与其他类型的联合类型
代码如下(示例):
type T00 = unknown | null; // unknown
type T00 = unknown | undefined; // unknown
type T00 = unknown | null | undefined; // unknown
type T00 = unknown | string; // unknown
type T00 = unknown | string[]; // unknown
type T00 = unknown | any; // any
type T00 = unknown | unknown; // unknown
2.unknown类型与其他类型的交叉类型
代码如下(示例):
type T00 = unknown & null; // null
type T00 = unknown & undefined; // undefined
type T00 = unknown & null & undefined; // nerver
type T00 = unknown & string; // string
type T00 = unknown & string[]; // string[]
type T00 = unknown & any; // any
type T00 = unknown & unknown; // unknown
3.unknown类型与其他类型的关系
代码如下(示例):
let value: unknown;
let value1: unknown = value; //正确
let value2: any = value; // 正确
let value3: boolean = value; // 错误
let value4: string = value; // 错误
let value5: number = value; // 错误
let value6: object = value; // 错误
let value7: any[] = value; // 错误
let value8: Function = value; // 错误
4.unknown类型经典例子
type T50<T> = {
[P in keyof T]: number};
type T51 = T50<any>; // {[key: string]: number}
type T52 = T50<unknown>; // {}
三、unknown的应用–结合类型收缩
declare function isFunction(x: unknown): x is Function;
function f20(x: unknown) {
if (x instanceof Error) {
x; // Error};
if (isFunction(x)) {
x;// Function}
}
总结
可以把任何类型赋值给any类型的变量,并对该变量执行任何操作(不需要关注类型,等同js);同样可以把任何值赋值给unkonw类型的变量,但是必须进行类型检查或者断言才能对变量进行操作变量(必须关注变量的类型)。
边栏推荐
- 怎样在Disciples门徒获得收益?
- 全尺度表示的上下文非局部对齐
- 如何停止flink job
- 【论文精读】ROC和PR曲线的关系(The relationship between Precision-Recall and ROC curves)
- Mysql-连接https域名的Mysql数据源踩的坑
- flink基本原理及应用场景分析
- SQL(1) - Add, delete, modify and search
- [Pytorch study notes] 10. How to quickly create your own Dataset dataset object (inherit the Dataset class and override the corresponding method)
- 拿出接口数组对象中的所有name值,取出同一个值
- 关于存储IOPS你必须了解的概念
猜你喜欢
随机推荐
「实用」运维新手一定不能错过的17 个技巧
神经网络也能像人类利用外围视觉一样观察图像
Flink EventTime和Watermarks案例分析
RecycleView和ViewPager2
【Over 15】A week of learning lstm
【论文精读】R-CNN 之预测框回归(Bounding box regression)问题详述
解决:Unknown column ‘id‘ in ‘where clause‘ 问题
[Kaggle project actual combat record] Steps and ideas sharing of a picture classification project - taking leaf classification as an example (using Pytorch)
[Over 17] Pytorch rewrites keras
SQL (2) - join window function view
Thread handler句柄 IntentServvice handlerThread
SQL(1) - Add, delete, modify and search
ECCV2022 | RU&谷歌提出用CLIP进行zero-shot目标检测!
[Go through 11] Random Forest and Feature Engineering
flink项目开发-flink的scala shell命令行交互模式开发
Machine Learning (1) - Machine Learning Fundamentals
如何编写一个优雅的Shell脚本(一)
BroadCast Receiver(广播)详解
关于使用QML的MediaPlayer实现视频和音频的播放时遇到的一些坑
Flink Distributed Cache 分布式缓存


![[Intensive reading of the paper] R-CNN's Bounding box regression problem is detailed](/img/ef/a058ec08bd0a6313e3610a4ebc9685.png)





