文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

TypeScript:请停止使用 any

2024-12-03 18:54

关注
(…)来不使用 TypeScript 或第3方库编写的代码的值。在这些情况下,我们可能要选择退出类型检查。为此,我们将这些值标记为 any 类型。

[[347960]]

什么是 any

因此 any 不是通配符,也不是基类型,它是明确地与第三方库进行交互。那它为什么经常出现你呢?它对我们的系统有害吗?我们应该逃避它还是拥抱它?

any 类型是使用现有 JavaScript 的强大方法,可让您在编译期间逐渐选择加入和选择退出类型检查。

TypeScript 文档明确表达了当我们使用any类型时,我们正在告诉编译器:

[[347961]]

当超过500名该语言的贡献者提供帮助时,我们说 no thank you。这听起来像是选择退出类型检查器,有了它,就不能轻易地放弃对类型系统的所有安全性和信心。我们应该使用它来与无类型的第三方(或第一方) Javascript 代码交互,或者当我们只知道类型的一部分时。

但是等等我还有很多其他原因

(1) TypeScript 不会转换为 Javascript 吗?Javascript 不是动态的吗?那我为什么要考虑我的类型呢?

是的!但是我们用 TypeScript 写代码,这是一种静态类型语言。有人可能会说静态类型语言不会比动态语言产生更少的 bug 。不过,在使用 any 之类的静态类型语言中,这是两种情况中最糟糕的。

(2) 有些参数很难正确输入,但是 any 更容易

如果我们没有正确地输入,我们将会编写错误,比我们在动态语言中会编写更多的错误,因为我们强制 TypeScript ,一种静态类型语言,去检查不正确的类型。

(3) 我真的不知道参数是什么

没关系!我们可以用 unknown ; 它允许我们确实分配任何类型。但在确定特定类型之前,我们将不允许使用这些值。

  1. type ParsedType = { 
  2.   id: number 
  3.  
  4. const parseApiResponse( 
  5.   response: Record<string, unknown> 
  6. ): ParsedType => { 
  7.   const convertedResponse = (response as ParsedType) 
  8.  
  9.   // without doing the type cast we would 
  10.   // get a type error here 
  11.   if(convertedResponse.id >= 0) { 
  12.     return convertedResponse 
  13.   } else { 
  14.     throw Error.new("Invalid response" 
  15.   } 

(4) 添加类型时,我必须编写大量代码,any工作量较少

可能不是,如果编写的代码没有类型,则我们可能需要添加防御性代码,以确保参数和变量具有正确的类型,以使程序能够按预期执行。any 甚至无法防范 null 或 undefined 检查我们的逻辑 。

  1. // version 1 with `any` 
  2. const fullName = (user: any) => { 
  3.   if (user?.firstName && user?.lastName) { 
  4.     return `${user.lastName}, ${user.firstName}` 
  5.   } 
  6.  
  7.   return user?.firstName || "" 
  8.  
  9. // version 1 without `any` 
  10.  
  11. interface User { 
  12.   firstName: string 
  13.   lastName?: string 
  14.  
  15. const fullName = ({ firstName, lastName }: User) => { 
  16.   if (lastName === undefined) { 
  17.     return firstName 
  18.   } 
  19.  
  20.   return `${lastName}, ${firstName}`; 

(5) 类型增加了很多复杂性,有时any更简单

使用 any 可能允许我们在不考虑数据如何流入逻辑的情况下更简单的开发。但它将这个负担会转移到我们代码的未来读者身上。他们将不得不在没有上下文和编译器帮助的情况下解释发生了什么。

(6) 有了文档,我可以提供所有上下文

添加类型时,我们会从编译器获得帮助,并且会获得不会随时间推移而衰减的文档,因为如果过时了,我们的代码将无法编译。

  1. const intersection = (a: any, b: any): any => { 
  2. ... 
  3. const intersection = ( 
  4.   a: Set<number>, b: Set<number> 
  5. ): Set<number> => { 
  6. ... 

它们都是等效的,但是读者会更好地了解后面的函数在做什么,而不是从第一个函数开始。

(7) 我已经通过必要的运行时检查以防御性的方式编写了代码,以确保没有错误

现在可能没有错误,但是除非你有很好的测试覆盖率,否则以后来修改代码的人不会相信他们不是在错误中重构;就好像编译器不会帮你,因为我们说过它不会帮你。如果我们显式地设置类型并更改系统中使用的API,编译器将提供它的指导。

(8) 如果以后我改变主意怎么办?我可能会为此重构几个小时

我们总是可以修改和适应新的类型定义, TypeScript 为此提供了一组实用功能。我们可以 Pick 习惯从先前定义的类型中选择所需的属性。Omit 得到除少数几个以外的所有东西。Partial 使所有属性都是可选的,或进行完整的180并使其全部Requireds。

  1. type User = { 
  2.   id: number; 
  3.   firstName: string; 
  4.   lastName: string; 
  5.   age: number; 
  6.  
  7. type UserParams = 
  8.   Pick<User, "id"> & Partial<Omit<User, "id">> 
  9.  
  10. const updateUser = ( 
  11.   { id, ...newUserParams }: UserParams 
  12. ) => { 
  13.   {...} 

(9) 很好,从TypeScript中删除 any,立即打开PR

让我们深吸一口气, any 它在正确的情况下非常强大且有用。

让我们回顾一下

为什么我们不能在使用 any ?

 

来源:code秘密花园内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯