【TS】TypeScript 中的 any 与 unknown:理解与实践


鑫宝Code

🌈个人主页: 鑫宝Code
🔥热门专栏: 闲话杂谈| 炫酷HTML | JavaScript基础
💫个人格言: "如无必要,勿增实体"


文章目录

  • TypeScript 中的 `any` 与 `unknown`:理解与实践
    • 一、引言
    • 二、`any`:灵活但危险的万能钥匙
      • 2.1 定义与特性
      • 2.2 使用场景
      • 2.3 风险与警告
    • 三、`unknown`:安全的未知
      • 3.1 定义与特性
      • 3.2 使用场景
      • 3.3 优势与限制
    • 四、`any` 与 `unknown` 的比较
    • 五、最佳实践
      • 5.1 限制`any`的使用
      • 5.2 利用`unknown`增强安全性
    • 六、结论

TypeScript 中的 anyunknown:理解与实践

在这里插入图片描述

在TypeScript的世界里,类型系统是其核心魅力所在,它帮助开发者在编码过程中捕捉类型错误,提高代码质量和可维护性。然而,在这个强类型体系中,anyunknown 两个类型显得尤为特别,它们在赋予开发者灵活性的同时,也考验着类型安全的界限。本文将深入探讨这两个类型的概念、差异、使用场景及最佳实践,帮助你更好地驾驭TypeScript的类型世界。

一、引言

TypeScript作为一种逐渐成为现代前端开发标配的编程语言,其静态类型系统为JavaScript增添了类型安全的保障。然而,现实世界中的代码并不总是那么简单明了,有时需要处理动态类型的数据或是遗留的JavaScript代码,这时anyunknown 就派上了用场。

二、any:灵活但危险的万能钥匙

在这里插入图片描述

2.1 定义与特性

any 类型是TypeScript中最宽泛的类型,它可以代表任何值。当你给一个变量指定为any类型时,TypeScript编译器将不再进行类型检查,无论是赋值、调用方法还是访问属性。

let anything: any = "Hello";
anything = 42;
anything.someFunction(); // 不会报错

2.2 使用场景

  • 遗留代码整合:在迁移旧的JavaScript项目至TypeScript时,面对未标注类型的代码,可以暂时使用any避免类型检查干扰,逐步迁移。
  • 第三方库兼容:部分未提供TypeScript类型定义的第三方库,可能需要使用any来标记未知类型的返回值或参数。

2.3 风险与警告

尽管any提供了极大的灵活性,但它也打破了TypeScript的类型安全壁垒,容易引入难以察觉的运行时错误。过度依赖any可能导致类型系统的优势荡然无存。

三、unknown:安全的未知

在这里插入图片描述

3.1 定义与特性

unknown 类型同样是表示未知类型的值,但它采取了更为保守和安全的策略。当你声明一个变量为unknown时,除了赋值给同样为unknown的变量外,几乎无法直接对其进行操作,除非通过类型断言或类型守卫验证其具体类型。

let somethingUnknown: unknown = "Hello";
let alsoUnknown: unknown = somethingUnknown; // 这是允许的
somethingUnknown.toUpperCase(); // 错误,无法确定类型

3.2 使用场景

  • 安全的数据处理:当你需要处理来自外部的、类型未知的数据时,使用unknown可以强制你在使用前进行类型检查,确保类型安全。
  • 函数返回值:当函数可能返回多种类型,而又不想使用联合类型时,unknown可以作为一种防御性编程手段。

3.3 优势与限制

相比anyunknown更强调类型安全,避免了因类型不确定导致的错误。然而,这也意味着需要更多的类型检查和转换步骤,增加了编码的复杂度。

四、anyunknown 的比较

  • 安全性unknown更加安全,因为它不允许未经检查的直接操作;而any则完全跳过类型检查,存在潜在风险。
  • 灵活性any提供了最大的灵活性,几乎可以自由地进行任何操作;相比之下,unknown在使用前需要显式类型断言或检查。
  • 使用原则:在可能的情况下,优先考虑使用unknown,尤其是当你关心类型安全时。仅在确实需要最大灵活性且愿意承担风险时,才考虑使用any

五、最佳实践

5.1 限制any的使用

  • 明确意图:使用any时,务必明确为何需要它,并尽可能缩小其作用范围。
  • 逐步替换:在项目初期或代码迁移阶段可以适度使用any,但应逐步替换为更具体的类型。

5.2 利用unknown增强安全性

  • 严格类型检查:在接收外部输入或处理不确定类型数据时,首选unknown,并通过类型守卫或类型断言确保类型安全。
  • 类型细化:结合类型守卫(如typeof, instanceof)或自定义类型保护函数来细化unknown类型,增加代码的可操作性。

六、结论

anyunknown 在TypeScript中扮演着重要但截然不同的角色。any提供了最大限度的灵活性,但牺牲了类型安全;而unknown则在保证安全的前提下,提供了处理未知类型数据的能力。理解它们的特性和正确使用,对于构建既强大又安全的TypeScript应用至关重要。在实践中,应尽量避免any的过度使用,转而倾向于unknown,并结合类型检查机制,以确保代码的健壮性和可维护性。

End

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

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

相关文章

如何学习大型语言模型中的量化

前言 图片来自作者:Flow 展示了量化的必要性。(笑脸和生气脸图片来自Yan Krukau) 在我解释上面的图表之前,让我先介绍一下您将在本文中学习的重点内容。 首先,您将了解量化是什么以及为什么量化。接下来,您将深入了解…

the problem when using langchain chat openai model and crewai same llm models

题意: when i am using langchain chat openai model and invoking method its working but when using in crewai same llm models it gives invalid api key 当你提到在使用 langchain 的 chatopenai 模型并调用方法时一切正常,但在 crewai 中使用相…

小程序 npm 支持

使用 npm 包 目前小程序已经支持使用 npm 安装第三方包,因为 node_modules 目录中的包不会参与小程序项目的编译、 上传和打包,因此在小程序 项目中要使用的 npm 包,必须走一遍构建 npm 的过程。在构建成功以后,默认 会在小程序目…

【keil5问题】keil5中突然debug调试不能全速运行的问题

1、问题现象: 原本的项目工程是正常debug单步调试,然后突然出现是点击左上角的run全速运行,也全速运行不了,出现如下图的情况,点一次一步走的现象 2、问题解决: 2-1、问题分析: 点击reset、…

JavaScript中的this指向

1. 全局环境下的this 在全局环境中(在浏览器中是window对象,在Node.js中是global对象),this指向全局对象。 console.log(this window); // 在浏览器中为true console.log(this.document ! undefined); // true,因为…

opencv编译报错OpenCV does not recognize MSVC_VERSION “1940“

具体如下: CMake Warning at cmake/OpenCVDetectCXXCompiler.cmake:182 (message):OpenCV does not recognize MSVC_VERSION "1940". Cannot set OpenCV_RUNTIME Call Stack (most recent call first):CMakeLists.txt:174 (include) 打开源码\opencv\sources\cmak…

如何加密U盘?U盘加密软件推荐

U盘是我们最常用的移动存储设备,可以帮助我们随身携带大量数据。为了避免U盘数据泄露,我们需要加密保护U盘。那么,U盘该如何加密呢?下面小编就为大家推荐两款专业的U盘加密软件。 U盘超级加密3000 U盘超级加密3000是一款优秀的U盘…

大模型概述-定义/分类/训练/应用

大模型概述 随着时代的发展, 大模型各个领域的应用正在不断扩大. 本文尽力梳理各种材料, 将从概念定义, 类型分类, 训练以及应用等方面对大模型进行一个简要的概述. 如果你想了解大模型但是却缺乏基础的知识或者觉得无从下手, 那么阅读该文章可能对你有所帮助. 如果想了解更多…

Django任意URL跳转漏洞(CVE-2018-14574)

目录 Django介绍 URL跳转漏洞介绍 Django任意URL跳转漏洞介绍 环境搭建 防御方法 前段时间在面试时,问到了URL跳转漏洞,我没有回答好,下午把URL跳转漏洞学习了,发现也不难,看来还需要学习的东西很多呀&#xff0c…

cadence symbol修改之一

cdaence virtuoso 复制cell,或者拷贝symbol之后,再次调用的时候,symbol还是跟随原来的cell名字 解决办法 打开对应的symbol 修改partName为 cellName

把前端打包放到Eladmin框架中运行

再resuorces目录创建static文件夹,然后把前端文件放进来 然后修改 ConfigurerAdapter文件,如下图所示 这样就可以通过ip端口/index.html 这样访问啦!

垂直领域大模型的机遇与挑战:从构建到应用

在人工智能技术的浪潮中,大模型以其强大的数据处理和学习能力,成为推动科技进步的重要力量。然而,这种跨领域应用的过程并非一帆风顺,既面临挑战也蕴含机遇。本文从复旦大学的研究工作出发,详细分析大模型的机遇与挑战。 背景 GPT4技术报告指出,GPT4仍处于通用人工智…

土壤分析仪:分析土壤中的各种养分

土壤作为地球生命的摇篮,承载着农作物的生长与繁衍。土壤中的养分是农作物生长的关键。 一、土壤分析仪的工作原理 土壤分析仪是一种采用先进传感技术的仪器设备,能够精确测量土壤中的PH值、电导率、有机质含量、养分含量以及微生物数量等参数。它利用多…

# Kafka_深入探秘者(9):kafka 集群管理

Kafka_深入探秘者(9):kafka 集群管理 一、kafka 集群概述 1、kafka 集群概述: 集群是一种计算机系统,它通过一组松散集成的计算机软件和/或硬件连接起来高度紧密地协作完成计算工作。在某种意义上,他们可…

ffmpeg下载/配置环境/测试

一、下载 1、访问FFmpeg官方网站下载页面:FFmpeg Download Page; 2、选择适合Windows的版本(将鼠标移动到windows端)。通常,你会找到“Windows builds from gyan.dev”或者“BtbN GitHub Releases”等选项&#xff0…

研0学习Python基础4

1.数组是一种存储大量同性质数据的连续内存空间,只要使用相同的变量名称,便可以连续访问 每一组数据。由于数组元素的便利性,使得大多数程序中都可以看到数组的身影。数组是一 个带有多个数据且模式相同的元素集合。比如,数值所…

实验2 字符及字符串输入输出与分支程序设计实验

字符及字符串输入输出 从键盘输入两个一位十进制数,计算这两个数之和,并将结果在屏幕上显示出来。 分支程序设计 从键盘输入一字符,判断该字符是小写字母、大写字母、数字或者其他字符。若输入为小写字母,显示“You Input a Lo…

悼念之前的coplit

最近学MySQL七月三号还能正常卡bug使用紫色的coplit 然后今天就不行了 可惜了,蓝色的就是GPT3,紫色是4(可能比不上4但至少比蓝色的聪明点) 原来一开始问题框上面有三个模式选择,去年下半年的时候这个三个模式就被隐藏掉了&#x…

成都欣丰洪泰文化传媒有限公司开网店可靠吗?

在数字化浪潮席卷全球的今天,电商行业无疑是这场浪潮中的佼佼者。而在这波汹涌的电商大潮中,成都欣丰洪泰文化传媒有限公司凭借其专业的电商服务能力和前瞻的市场洞察力,成为了业界的一匹黑马。今天,就让我们一起揭开这家专注于电…

python绘制领域矩形

问题描述: 使用python书写代码实现以下功能:给定四个点的坐标,调用一个函数,可以使原来的四个点分别向四周上下左右移动15距离,分别记录下移动后的坐标,然后画出内侧矩形和外侧矩形 代码: im…