JSDOC使用TS的类型定义

致心
628 阅读1分钟

JS本身是没有语法提示的，即使现在IDE已经很强(idea)了，但是你写JS一样是没有提示的，肯定有同行反驳，我写Object.keys这个就有提示啊，啊，这个提示也不是JS的，也是TS给的定义，做一个后端(Java)转前端的程序猿，没有提示真心的受不了啊

也不说多，就是说JSDoc怎么用TS的类型定义

新建文件

const TipJs = {
  
}

这个TipJs的类型其实我已经在TS中定义过了

比如就是这样的

export interface TipTs{
  tip?:string;
  name?:string;
}

测试

你在js文件继续输入字段是没有提示的

image.png

如果是在ts中就是这样的

image.png

这不就是让人抓狂

而在typescript使用文档中有一个JSDoc的引用写法

image.png

我们加入以后哦吼，就可以提示了，香 image.png

但是如果你要包装一下就G了

image.png

这样就又没有提示了

里面的字段想要提示就要这样

image.png

放到最外面才可以正确提示

放在方法中

放在方法中也是很简单的

image.png

在方法中定义数据变量也是可以正确提示的

image.png

vue文件

如果是在vue中，想要data有提示就要这样

image.png

这样就可以正确提示，就是有点麻烦了，但是没有办法，毕竟是js

最后

虽然麻烦，但是这样有提示，项目就会更健壮，后续维护就会更简单，就是不好写o(╥﹏╥)o，果然前端乱还是有原因的

avatar
文章
阅读
粉丝