使用 TypeScript 中的 Any 类型前,你需要了解的一切

开发 前端
在 TypeScript 中,任何类型的值都可以赋值给 any , any 也可以赋值给任意类型,因此,any 类型通常也被称为 top type。

[[415751]]

本文转载自微信公众号「三分钟学前端」,作者 sisterAn 。转载本文请联系三分钟学前端公众号。

any

在 TypeScript 中,任何类型的值都可以赋值给 any , any 也可以赋值给任意类型,因此,any 类型通常也被称为 top type

  1. let notSure: any 
  2.  
  3. // 可以被赋值任意类型 
  4. notSure = 'sisterAn!' 
  5. notSure = 512 
  6. notSure = { hello: () => 'Hello sisterAn!' } 
  7.  
  8. // 它也兼容任何类型 
  9. let num: number = 12 
  10. notSure = num 
  11. num = notSure 

any 类型用于描述一个我们根本不知道类型的变量,或者说可以是任意类型的变量,常用于用户的输入或第三方代码库(不确定用户输入值的类型,第三方代码库是如何工作的),当我们刚接触 TypeScript 时, 或把 JavaScript 迁移至 TypeScript 时,经常会使用它,毕竟一写 any ,什么报错都没了

但大量使用 any 类型并不好,any 类型会提供一个类型系统的「后门」,当使用 any 时,你基本上是在告诉 TypeScript 编译器不要进行任何的类型检查。没有强制的类型检查,这在项目开发过程中可能会带来一些问题。

any 的问题

1. 类型污染

any 类型的对象会导致后续的属性类型都会变成 any :

  1. let userany = { 
  2.   sister: { 
  3.     name'sisterAn' 
  4.   } 
  5. }; 
  6. let sister = user.sister // any 
  7. let url = sister.url // any 

2. 使用不存在的属性或方法而不报错

  1. const notSure: any = 'sisterAn' 
  2. notSure.hello() // no error 

所以,建议能不用 any 别用 any ,尽量少的使用 any

使用 any 更简单的场景,如何停止使用?

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

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

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

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

3. 有些参数很难正确输入,但是 any 更容易

如果我们将一些很难确定类型的输入定义为 any 类型,那么我们在后期如果没有正确地输入,将会造成编写错误,比我们在 JavaScript 会编写更多的错误,既然我们已经强制使用了 TypeScript ,就应该去利用它的特性,强制检查不正确的类型

4. 我真的不知道参数是什么

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

  1. function getName() { 
  2.  return 'sisterAn' 
  3.  
  4. let sisterAn: unknown = getName() 
  5. sisterAn.hello() //Object is of type 'unknown' 

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

使用 any 可能允许我们在不考虑数据如何流入逻辑的情况下更简单的开发。但它将这个负担会转移到我们代码的后期维护人、重构人身上。他们将不得不在没有上下文和编译器帮助的情况下理解项目是如何运行的,

总结

所以,我们能不用 any 别用 any :

  • 它使编译器过时了,我们告诉编译器:我不需要你的帮助
  • 我们放弃了在编写代码时记录代码的机会
  • 我们的第一道防线被攻破了
  • 在动态语言中,我们假设事物可以有 any 类型,我们采用的模式遵循这个假设。如果我们开始使用静态类型语言作为动态语言,那么我们就是在与范式作斗争
  • 当我们继续对代码库进行更改时,没有什么可以指导/帮助我们。
  • 自由越大,责任越大(编译器)。不要变成一个编译器,我们的目的是使用编译器。

参考

TypeScript:请停止使用 any

 

来源:https://github.com/Advanced-Frontend/Daily-Interview-Question

 

责任编辑:武晓燕 来源: 三分钟学前端
相关推荐

2021-08-09 14:40:02

物联网IOT智能家居

2023-05-28 18:21:32

2022-03-14 16:50:54

物联网IoT云计算

2024-04-10 11:47:34

2023-06-25 10:14:46

智能机器人人工智能

2018-07-18 09:00:00

区块链职位工作岗位

2018-09-27 18:56:25

区块链

2024-08-26 11:59:35

2020-05-12 16:10:34

Wi-Fi网状网络网络

2023-03-29 21:05:03

布线结构化布线

2023-12-29 09:50:51

智能机器人人工智能

2020-04-21 14:49:35

物联网数据技术

2020-05-12 10:43:24

物联网数据技术

2015-08-05 09:20:49

LinuxWindows 10

2023-12-06 14:07:56

数字孪生AI

2020-10-13 06:56:19

JavaScript异常类型开发

2023-08-11 08:00:00

人工智能Keras 3.0

2023-02-10 08:44:05

KafkaLinkedIn模式

2022-03-18 12:46:56

Go 语言编程语言

2012-06-26 10:13:55

点赞
收藏

51CTO技术栈公众号