js函数提示 vscode_VSCode + JSDoc 完美实现(almost)JavaScript代码提示

本文介绍了如何使用VSCode的JSDoc功能增强JavaScript代码提示。通过示例展示了如何为函数参数和对象字段添加注释,以提供更详细的类型和描述信息,从而提升开发体验。此外,还探讨了@typedef关键字的使用,以及如何处理非直接依赖文件的JSDoc导入。
摘要由CSDN通过智能技术生成

弱类型脚本语言的代码提示功能一直是开发者一个隐隐的痛点,没有它也不是不能干活,但是经常因为出现拼写错误或不经意的修改导致的变量丢失而耗费无畏的时间在与业务逻辑无关的地方。VSCode的出现大有统一轻量级IDE领域之势,在其新版本中自带了JSDoc的解析功能,帮助JavaScript开发者通过书写注释的形式向IDE提供必要信息,完善提示功能。

先来看一个简单的例子(微信小程序前端代码)

export class CommonUtilsWX {

request(o, callback){

//TODO:xxxxx

}

}

可以看出该函数的定义中有一个object类型的参数o和一个函数型的回调参数callback。但是单纯从代码定义中IDE无法得知对象o中必须包含那些字段、callback回调函数中会带回哪些参数。对于JavaScript等弱类型脚本语言来说不到运行时阶段这些信息是没有意义的,而对于开发者而言,这些信息在一段时间以后很容易遗忘,更别说交付给第三方使用。所以这些信息就需要用JSDoc来书写出来。

export class CommonUtilsWX {

/**

* 发送网络请求,通信协议必须是http或https,数据协议必须是json

* @param {object} o 请求参数对象

* @param {string} o.host 请求url的域名,如http://xxx.xxx.com

* @param {string} o.path 请求url的路径,如xxx/xxx

* @param {object} o.query 请求url的查询段,根据对象中key,v

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值