TypeScript未知泛型——unknown和any

在 TypeScript 中,如果你想要表示一个泛型变量,但你不知道或不关心它具体是什么类型,你可以使用 any 类型。然而,any
类型会绕过类型检查,这可能不是你想要的。为了保持类型安全性,TypeScript 提供了一个特殊的类型
unknown,它可以用来表示任何类型的值,但在使用之前需要进行类型检查或类型断言。

unknown 类型示例:

function processValue(value: unknown) {if (typeof value === "string") {console.log(value.toUpperCase());} else if (typeof value === "number") {console.log(value.toFixed(2));}// ... 其他类型检查
}

在这个例子中,value 的类型被声明为 unknown,这意味着它可以是任何类型的值。在函数内部,我们使用 typeof 来检查 value 的类型,并根据类型执行相应的操作。

unknownany 的区别:

  • unknown 类型是类型安全的,你不能对 unknown 类型的值执行任何操作,除非你先进行类型检查或类型断言。
  • any 类型是非类型安全的,你可以对 any 类型的值执行任何操作,而无需进行类型检查或类型断言,这可能会导致运行时错误。

泛型中的 unknown 类型:

在泛型中,如果你想要表示一个可以接受任何类型的参数,你可以使用 unknown 作为泛型类型。例如:

function identity<T>(arg: T): T {return arg;
}let result = identity<unknown>("Hello, world!"); // 这里 `T` 被指定为 `unknown`

在这个例子中,T 被指定为 unknown,这意味着 arg 可以是任何类型的值。然而,由于 unknown 类型的限制,你不能直接对 result 执行任何操作,除非你进行类型检查或类型断言。

总的来说,unknown 类型是一个更安全的选择,当你需要处理可能为任何类型的值时,它可以帮助你避免类型错误。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/24728.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Day50 动态规划part09

LC198打家劫舍 偷前一家或者偷前两家和这家&#xff1a;dp[i] Math.max(dp[i-2]nums[i],dp[i-1]);代码 LC213打家劫舍II&#xff08; 未掌握&#xff09; 解题思路&#xff1a;因为成环了&#xff0c;所以首位元素一定是两者只能选择一个或者两者都不选三种情况&#xff1…

四舍五入问题

单纯输出四舍五入可以用 printf("%.nf",num); 但是这个方法有时候会出错 代表输出n位四舍五入小数 而将数四舍五入赋值给变量可以用round&#xff08;&#xff09;函数 a round(num); 表示将num四舍五入赋值给a 但是这么些只能转换位四舍五入的整数 可以改…

【学习笔记】Windows GDI绘图(十一)Graphics详解(下)

文章目录 Graphics的方法Graphics.FromImageSetClip设置裁切区域IntersectClip更新为相交裁切区域TranslateClip平移裁切区域IsVisible判断点或矩形是否在裁切区域内MeasureCharacterRanges测量字符区域MeasureString测量文本大小MultiplyTransform矩阵变换 Graphics的方法 Gr…

【雷丰阳-谷粒商城 】【分布式基础篇-全栈开发篇】【07】【商品服务】分页查询_品牌分类关联与级联更新

持续学习&持续更新中… 守破离 【雷丰阳-谷粒商城 】【分布式基础篇-全栈开发篇】【07】【商品服务】分页查询_品牌分类关联与级联更新 分页查询为数据库表设计冗余字段冗余字段带来的问题以及处理品牌名发生变化&#xff0c;进行级联更新分类名发生变化&#xff0c;进行级…

SQL语句练习每日5题(四)

题目1——查找GPA最高值 想要知道复旦大学学生gpa最高值是多少&#xff0c;请你取出相应数据 题解&#xff1a; 1、使用MAX select MAX(gpa) FROM user_profile WHERE university 复旦大学 2、使用降序排序组合limit select gpa FROM user_profile WHERE university 复…

css系列:进度条

前言 技术来源于需求&#xff0c;近期遇到了做语音的需求&#xff0c;有个调整语速和音量的进度条&#xff0c;UI组件库的进度条大部分不支持拖动和点击修改当前进度&#xff0c;所以自己手写了一个。 实现思路 MDN文档介绍 <input type"range"> - HTML&am…

二叉树的前序便利,中序遍历,后序遍历

前序遍历&#xff1a; 递归&#xff1a; class Solution { public:void preorder(TreeNode *root, vector<int> &res) {if (root nullptr) {return;}res.push_back(root->val);preorder(root->left, res);preorder(root->right, res);}vector<int> …

解决 make_ext4fs is not find, it is recommanded to install android-tools-fsutils

编译cluster linux时&#xff0c;遇到make_ext4fs命令无法找到。这个工具是被软件包 android-tools-futils 包含的。这个软件包只支持18.04的系统&#xff0c;在ubuntu20.04和ubuntu22.04上&#xff0c;无法被正确的安装。会报依赖问题&#xff0c;报错的信息是依赖python相关的…

Java中的IO流字节流(FileOutputStream与FileInputStream)+编码与解码

目录 ​编辑 IO流 File0utputstream FileOutputstream写数据的3种方式 void write(int b) 一次写一个字节数据 void write(byte[] b) 一次写一个字节数组数据 void write(byte[] b,int off,int len) 一次写一个字节数组的部分数据 FileOutputstream写数据的…

搞编程学习时是如何查找资料的?

刚开始学编程时&#xff0c;我通常用百度、360这样的搜索引擎去找资料。但后来我发现&#xff0c;根据想找的东西不同&#xff0c;用的搜索地方也得变。比如说&#xff0c;找编程学习的东西&#xff0c;我就不太用浏览器了&#xff0c;因为那儿广告太多&#xff0c;信息乱七八糟…

问题:军保卡不允许开立附属卡,不能开展境外交易,不开通云闪付工功能() #其他#经验分享

问题&#xff1a;军保卡不允许开立附属卡&#xff0c;不能开展境外交易&#xff0c;不开通云闪付工功能&#xff08;&#xff09; A&#xff0e;A&#xff1a;正确 B&#xff0e;B&#xff1a;错误 参考答案如图所示

C++STL初阶(3):string模拟实现的完善

1.流提取>>的优化&#xff08;利用缓存区的思想&#xff09; istream& operator>>(istream& is,string& str) {str.clear();char c;c is.get();while (c ! \0 && c ! \n) {str c;c is.get();}return is; } 在上文的对string的实践中&#…

blazehttp下载安装和自动化测试防护效果

blazehttp下载安装和自动化测试防护效果 说明测试环境的准备网站和waf配置blazehttp下载安装和测试测试效果waf安全日志查看 说明 需要docker环境和1panel面板 本测试使用blazehttp南墙waf进行测试&#xff0c;有兴趣的同学推荐使用雷池waf 测试环境的准备 使用1panel面板&am…

为什么会有虚像

本来我就打算写虚像相关的内容&#xff0c;实际上我看不懂光学的内容&#xff0c;我只是发觉书上没有使用变分法来做&#xff0c;而只是解析几何的变换&#xff0c;这个做法完全脱离实际&#xff0c;物理书为什么会这样写不知道原因&#xff0c;但是很明显这样的内容也非常的复…

docker基础,docker安装mysql,docker安装Nginx,docker安装mq,docker基础命令

核心功能操作镜像 Docker安装mysql docker run -d --name mysql -p 3306:3306 -e TZAsia/Shanghai -e MYSQL_ROOT_PASSWORDlcl15604007179 mysql docker的基本操作 docker rm 容器名称即可 docker ps 查看当前运行的容器 docker rm 干掉当前容器 docker logs 查看容器命令日…

瑞安面试分享

瑞安面试分享 面试时间&#xff1a;07/06/2024 方式&#xff1a;在线zoom&#xff0c;雇主会发面试链接&#xff0c;提前进入准备 瑞安招前端和后端开发&#xff0c;我面的是偏数据库设计的后端开发 问题1&#xff1a;自我介绍 寒暄后开始自我介绍&#xff0c;如果是后端就…

Golang:bytes 格式和解析数字字节值(10K、2M、3G等)

bytes 格式和解析数字字节值(10K、2M、3G等) 文档 https://github.com/labstack/gommon/tree/master/bytes 安装 go get github.com/labstack/gommon/bytes代码示例 格式化 bytes.Format(13231323) // 12.62MiB解析 b, _ : bytes.Parse("2M") // 2000000完整代…

代码随想录算法训练营Day32|122.买卖股票的最佳时机II、55.跳跃游戏、45.跳跃游戏II

买卖股票的最佳时机II 122. 买卖股票的最佳时机 II - 力扣&#xff08;LeetCode&#xff09; 这里我的贪心策略是&#xff0c;判断今天和前一天的股票差值&#xff0c;若差值大于0&#xff0c;则说明能获益&#xff0c;即卖出&#xff0c;每天都比较一次&#xff0c;将所有差…

为什么Vue的watch函数无法检测到父组件的参数变化?

在 Vue 中&#xff0c;watch 函数用于观察和响应 Vue 实例上的数据变动。然而&#xff0c;如果你在父组件中直接修改了数组或对象的内容&#xff08;例如&#xff0c;通过索引直接设置一个项的值&#xff0c;或者使用 Array.prototype.push 修改数组&#xff09;&#xff0c;Vu…

【ARM Cache 及 MMU 系列文章 6 -- Cache 寄存器 CTR_EL0 | CLIDR | CCSIDR | CSSELR 使用详解 1】

请阅读【ARM Cache 及 MMU/MPU 系列文章专栏导读】 及【嵌入式开发学习必备专栏】 文章目录 Cache 常用寄存器Cache CSSELR 寄存器Cache CSSELR 使用场景Cache CSSELR 操作示例 Cache CLIDR 寄存器LoUU 介绍LoUU 使用 LoUIS 介绍CLIDR 使用 Cache CCSIDR 寄存器Cache CTR_EL0 C…