编辑
2024-06-12
前端
0
请注意,本文编写于 123 天前,最后修改于 123 天前,其中某些信息可能已经过时。

目录

jsDoc是啥?
怎么使用jsDoc
为啥使用jsDoc
jsDo常用指南
函数参数
效果图

jsDoc是啥?

JSDoc是一个根据javascript文件中注释信息,生成JavaScript应用程序或库、模块的API文档 的工具。

怎么使用jsDoc

JSDoc本质是代码注释加上特有的格式和规范。

为啥使用jsDoc

我平常是在微信小程序项目中适用jsDoc,之前想尝试在原生微信小程序中适用typescript,但是太难用了,官方的demo也不太好使,后来机缘巧合之下知道了jsdoc。在小程序中使用后,编辑器就会很智能提示对应的参数类型,就很方便。

jsDo常用指南

函数参数

js
/** * test function * @param {string} p1 * @param {number} p2 */ const testFunc = (p1,p2)=>{ console.log(p1,p2) }

上面函数中p1就是string类型,p2就是number类型

js
/** * obj * @param {Object} obj * @param {string} obj.name * @param {number} obj.age */ const testObjFunc = ({name,age})=>{ console.log(name,age) }

上面函数中obj.name就是string类型,obj.age就是number类型,obj就是传入的对象

js
/** * @typedef {'app_id'|'device_id'|'chain_id'} Keys */ /** * obj * @param {Object} obj * @param {Keys} obj.key key的值是指定的字符串 Keys 是指定字符串的类型 * @param {number} [obj.age] 可选参数 用[]中括号 * @param {object[]} obj.list[] 数组对象用属性名加[] */ const testObj2Func = (obj)=>{ console.log(obj) }

效果图

微信截图_20231020143640.png

微信截图_20231020143923.png

微信截图_20231020144037.png

微信截图_20231020144103.png

如果对你有用的话,可以打赏哦
打赏
ali pay
wechat pay

本文作者:小智

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!