文档生成:JSDoc注释规范指南

星婷姑娘_6159

星婷姑娘_6159

2025-11-23

616人浏览

原创

JSDoc 是一种为 JavaScript 提供结构化注释的标准,通过使用如 @param、@returns、@example 等标签提升代码可读性和维护性;它支持函数、类、属性的详细文档化,并可通过工具生成 HTML 文档,结合 ESLint 和 CI 流程确保注释质量,有效促进团队协作与项目长期维护。

文档生成:jsdoc注释规范指南

JSDoc 是一种用于为 JavaScript 代码添加结构化注释的文档标准,它不仅能提升代码可读性,还能配合工具自动生成 API 文档。遵循统一的 JSDoc 注释规范,有助于团队协作和后期维护。以下是实用的 JSDoc 注释编写指南。

基础语法与常用标签

JSDoc 注释以 /** 开头,每行以 * 对齐,使用特定标签描述代码元素。常见标签包括:

  • @param {类型} 参数名 - 描述参数用途
  • @returns {类型} - 描述返回值
  • @example - 提供使用示例
  • @throws {错误类型} - 说明可能抛出的异常
  • @deprecated - 标记已弃用的方法

例如:

/**
 * 计算两个数的和
 * @param {number} a - 第一个加数
 * @param {number} b - 第二个加数
 * @returns {number} 两数之和
 * @example
 *   add(2, 3); // 返回 5
 */
function add(a, b) {
  return a + b;
}

函数与方法注释规范

每个公开函数或类方法都应包含 JSDoc 注释,明确其行为边界。

注意点:

  • 必须注明所有参数类型和含义,即使类型简单
  • 返回值类型不可省略,void 类型也需标注 {@link void}
  • 若函数有副作用(如修改全局变量),应在描述中说明
  • 异步函数返回值应标注为 {Promise}

示例:

/**
 * 获取用户信息
 * @async
 * @param {string} userId - 用户唯一标识
 * @returns {Promise<object>} 用户对象
 * @throws {Error} 网络请求失败时抛出
 */
async function fetchUser(userId) {
  const res = await fetch(`/api/users/${userId}`);
  if (!res.ok) throw new Error('Failed to fetch');
  return res.json();
}
</object>

类与属性文档化

类定义应使用 @class 或 @constructor 标注,属性建议使用 @property。

java-api-doc-generator
java-api-doc-generator

分析 Java Spring Boot 后端 Controller 代码,自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。

下载
  • 私有成员可用 @private 标识
  • 静态成员使用 @static
  • 继承关系可通过 @extends 表达

示例:

/**
 * 用户模型类
 * @class
 * @extends {BaseModel}
 */
class User extends BaseModel {
  /**
   * 用户名称
   * @type {string}
   * @property
   */
  name;
<p>/**</p>
  • 创建新用户实例
  • @param {string} name - 用户名 */ constructor(name) { super(); this.name = name; } }

生成与维护文档

可使用工具如 jsdoc、TypeDoc 或 VS Code 插件解析注释并输出 HTML 文档。

建议做法:

  • 将文档生成纳入构建流程,定期更新
  • 在 CI 中校验 JSDoc 完整性(如参数缺失)
  • 结合 ESLint 使用 eslint-plugin-jsdoc 提高注释质量
  • 保持注释与代码同步,避免过时描述

基本上就这些,坚持写清晰的 JSDoc,长期来看能显著降低维护成本。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
全局变量怎么定义
全局变量怎么定义

本专题整合了全局变量相关内容,阅读专题下面的文章了解更多详细内容。

2025.09.18

4805

12

python 全局变量
python 全局变量

本专题整合了python中全局变量定义相关教程,阅读专题下面的文章了解更多详细内容。

2025.09.18

2010

13

c++ 全局变量
c++ 全局变量

本专题整合了c++全局变量的使用、定义、作用域等等内容,阅读专题下面的文章了解更多详细内容。

2026.03.17

199

17

javascriptvoid(o)怎么解决
javascriptvoid(o)怎么解决

javascriptvoid(o)的解决办法:1、检查语法错误;2、确保正确的执行环境;3、检查其他代码的冲突;4、使用事件委托;5、使用其他绑定方式;6、检查外部资源等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.11.23

636

5

java中void的含义
java中void的含义

本专题整合了Java中void的相关内容,阅读专题下面的文章了解更多详细内容。

2025.11.27

371

13

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

2024.01.03

4156

7

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

2025.12.06

306

9

promise的用法
promise的用法

“promise” 是一种用于处理异步操作的编程概念,它可以用来表示一个异步操作的最终结果。Promise 对象有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。Promise的用法主要包括构造函数、实例方法(then、catch、finally)和状态转换。

2023.10.12

4620

6

html文本框类型介绍
html文本框类型介绍

html文本框类型有单行文本框、密码文本框、数字文本框、日期文本框、时间文本框、文件上传文本框、多行文本框等等。详细介绍:1、单行文本框是最常见的文本框类型,用于接受单行文本输入,用户可以在文本框中输入任意文本,例如用户名、密码、电子邮件地址等;2、密码文本框用于接受密码输入,用户在输入密码时,文本框中的内容会被隐藏,以保护用户的隐私;3、数字文本框等等。

2023.10.12

4263

6

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.3万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习