如何自动生成TypeScript类型描述

131 阅读1分钟

TypeScript日益火爆,其最大的优点就是又人性化的自动补全,可是想要有自动补全,就要写类型描述,可这类型还得自己写啊,这究竟是方便了谁呢?尤其是在写网络请求的时候,看着从后端返回的一大串数据,自己代码里面的类型却是个any,我要这TypeScript有何用?

诶,我既然开了头那就说明我肯定有解决方法,那就是自动类型推断,首先我们先从网络工具里面复制一份响应数据。

image.png 打开编辑器,随便给一个变量。

image.png 此时只要鼠标悬浮在变量名之上,就会显示自动推断的类型。

image.png 我们只需要复制下来用就可以了。

image.png 但是,如果变量的类型太长,可能会以省略号显示超出内容。

这时候不要慌,按出快速修复,选择显式指定类型。

image.png

image.png 这样就快速得到了一个复杂对象的类型声明,然后就可以愉快的使用自动补全了。


这里还有一个小坑,如果尝试给对象数组使用自动推断,结果不是那么理想。比如下面的代码:

image.png 可以明显发现类型中重复的部分,不过ide也可以一键修复冗余的类型声明。

或者你可以删除数组中的冗余元素,只留一个元素,然后再做自动推断。