jsdoc是一种基于注释的语法，用于为javascript代码添加类型信息和文档说明。它通过特殊注释块（如@param、@returns、@typedef等）描述函数参数、返回值、自定义类型等，不改变代码行为但可被编辑器、eslint、webpack等工具识别，实现智能提示、类型检查与文档生成。例如使用@typedef定义user类型后，greetuser函数调用时会提示所需字段；在vs code中启用"checkjs": true可实现强类型校验，结合template模拟泛型、import引入外部类型，提升纯js项目的开发体验。安装jsdoc工具后可通过命令行生成html文档，无需编译即可增强代码可读性与维护性。
在JavaScript开发中，JSDoc 是一种广泛使用的文档注解工具，它能帮助开发者为函数、类、变量等添加类型信息和说明。而“JS注解”通常指的就是 JSDoc 注释本身——它们不是运行时的装饰器（如TypeScript中的装饰器），而是静态分析工具可读的特殊注释块。下面介绍如何正确使用 JSDoc 为 JavaScript 代码添加类型提示和文档，并与现代开发工具配合提升代码质量。
什么是JSDoc？
JSDoc 是一种基于注释的语法，用于描述JavaScript代码的结构、参数类型、返回值等。它不改变代码行为，但能被编辑器、构建工具或文档生成器识别。
例如：
/**
* 计算两个数的和
* @param {number} a - 第一个加数
* @param {number} b - 第二个加数
* @returns {number} 两数之和
*/
function add(a, b) {
return a + b;
}
这个注释让编辑器知道 a 和 b 应该是数字类型，返回值也是数字，从而提供自动补全和错误提示。
基本语法：常用JSDoc标签
以下是一些最常用的JSDoc标签及其用途：
- @param {type} name - description：标注函数参数的类型和说明
- @returns {type} description 或 @return：标注返回值类型
- @typedef：定义自定义类型
- @property：用于对象类型的属性说明
- @throws {ErrorType}：表示可能抛出的异常
- @example：提供使用示例
示例：使用 @typedef 定义复杂对象类型
/**
* @typedef {Object} User
* @property {string} id - 用户唯一标识
* @property {string} name - 用户名
* @property {number} age - 年龄
*/
<p>/**</p><ul><li>获取用户信息</li><li>@param {User} user - 用户对象</li><li>@returns {string} 欢迎消息
*/
function greetUser(user) {
return <code>Hello, ${user.name}</code>;
}这样，在调用 greetUser 时，编辑器会提示 user 对象需要包含哪些字段。
与现代开发工具集成
JSDoc 的强大之处在于它可以和现代开发环境无缝协作：
- VS Code：原生支持 JSDoc，结合 TypeScript 引擎可实现智能提示、类型检查
-
ESLint：可通过插件
eslint-plugin-jsdoc验证注释规范性 - Webpack / Rollup：配合 Terser 等工具进行类型推断优化压缩
-
生成文档：使用
jsdoc命令行工具生成HTML文档网站
安装官方 JSDoc 工具：
npm install -g jsdoc然后运行：
jsdoc yourfile.js会在 out 目录生成网页版文档。
进阶技巧：增强类型推断
即使没有使用 TypeScript，也可以通过 JSDoc 提供强类型体验。
-
启用严格检查：在 VS Code 中设置
"checkJs": true，可在 .js 文件中启用类型检查 - 泛型模拟：
/**
* 返回数组第一个元素
* @template T
* @param {T[]} arr - 数组
* @returns {T} 第一个元素
*/
function head(arr) {
return arr[0];
}
-
导入外部类型：可用
@typedef {import('./types').Config}引入模块中的类型
这些技巧让你在纯 JS 项目中也能享受接近 TypeScript 的开发体验。
基本上就这些。JSDoc 不复杂但容易忽略，合理使用能让团队协作更顺畅，代码更健壮。不需要额外编译步骤，只需写好注释，工具链就能帮你发现潜在问题。如果你还在手写文档或依赖记忆理解函数用法，现在就是开始用 JSDoc 的最好时机。
