`
clin8888
  • 浏览: 55876 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JSDoc注释使用

阅读更多

JSDoc注释使用

JSDoc通过JS文件中的一些特殊JSDoc标记,解析文档。下面列出了可以创建HTML文档的一些特殊JSDoc标记。如果你曾在Java代码中编写过javadoc注释,应该对这些标记并不陌生。如果要在最后生成的文档中包含某个注释块,所有这些注释块都必须以/**开头,并以*/结束。

JSDoc 命令属性

命令名                描述
@param
@argument           指定参数名和说明来描述一个函数参数。
@return
@returns              描述函数的返回值。
@author               指示代码的作者。
@deprecated     指示一个函数已经废弃,不建议使用,而且在将来版本的代码中可能会彻底删除。要避免使用这段代码。
@see                    创建一个HTML链接指向指定类的描述。
@version              指定发布版本。
@requires             创建一个HTML链接,指向这个类所需的指定类。
@throws
@exception           描述函数可能抛出的异常的类型。
{@link}                创建一个HTML链接,指向指定的类。这与@see很类似,但{@link}能嵌在注释文本中。
@author                指示代码的作者。(译者注:这个标记前面已经出现过,建议去掉)
@fileoverview     这是一个特殊的标记,如果在文件的第一个文档块中使用这个标记,则指定该文档块的余下部分将用来提供文件的一个概述。
@class                  提供类的有关信息,用在构造函数的文档中。
@constructor        明确一个函数是某个类的构造函数。
@type                  指定函数的返回类型。
@extends             指示一个类派生了另一个类。通常JSDoc自己就可以检测出这种信息,不过,在某些情况下则必须使用这个标记。
@private              指示一个类或函数是私有的。私有类和函数不会出现在HTML文档中,除非运行JSDoc时提供了—private命令行选项。
@final                  指示一个值是常量值。要记住JavaScript无法真正保证一个值是常量。
@ignore JSDoc    会忽略有这个标记的函数。


JSDoc 发布包中包括一个名为test.js的文件,这是一个很好的参考例子,可以从中了解如何使用JSDoc。应该记得,第一次测试JSDoc安装是否成功时就是根据这个文件来创建文档文件(译者注:原文称“这就是第一次测试JSDoc安装是否成功时创建的文档文件”,这种理解有误,test.js显然不是文档文件,所得到的文档文件应当是js_docs_out的目录下的index.html)。如果对如何使用JSDoc标记还有疑问,可以参考这个文件。
以下是一个小例子,这里展示了JSDoc的用法。jsDocExample.js定义了两个类:Person和Employee。Person类有一个属性name,还有一个方法getName。Employee类继承自Person,并增加了title和salary属性,另外还增加了一个方法 getDescription。

jsDocExample.js

/**
* @fileoverview This file is an example of how JSDoc can be used to document
* JavaScript.
*
* @author Ryan Asleson
* @version 1.0
*/
/**
* Construct a new Person class.
* @class This class represents an instance of a Person.
* @constructor
* @param {String} name The name of the Person.
* @return A new instance of a Person.
*/
function Person(name) {
/**
* The Person's name
* @type String
*/
this.name = name;

/**
* Return the Person's name. This function is assigned in the class
* constructor rather than using the prototype keyword.
* @returns The Person's name
* @type String
*/
this.getName = function() {
return name;
}
}
/**
* Construct a new Employee class.
* @extends Person
* @class This class represents an instance of an Employee.
* @constructor
* @return A new instance of a Person.
*/
function Employee(name, title, salary) {
this.name = name;
/**
* The Employee's title
* @type String
*/
this.title = title;
/**
* The Employee's salary
* @type int
*/
this.salary = salary;
}
/* Employee extends Person */
Employee.prototype = new Person();
/**
* An example of function assignment using the prototype keyword.
* This method returns a String representation of the Employee's data.
* @returns The Employee's name, title, and salary
* @type String
*/
Employee.prototype.getDescription = function() {
return this.name + " - "
+ this.title + " - "
+ "$" + this.salary;
}

虽然不像JSDoc发布包中的test.js文件那么完备,这个例子同样很好地展示了JSDoc最常见的用法。 @fileoverview 标记提供了jsDocExample.js的一个概述。@class标记描述了两个类,@constructor标记将适当的函数标记为对象的构造函数。 @param 标记描述了一个函数的输入参数,@returns和@type标记描述了函数的返回值。这些标记是你最有可能用到的,而且对于浏览文档的其他开发人员,这些标记也最有用。
分享到:
评论

相关推荐

    swagger-jsdoc:基于jsDoc注释和YAML文件生成swaggeropenapi规范

    swagger-jsdoc 该库读取带源代码,并生成。入门swagger-jsdoc将经过验证的OpenAPI规范返回为JSON或YAML。 const swaggerJsdoc = require ( 'swagger-jsdoc' ) ;const options = { swaggerDefinition : { openapi : '...

    flow-jsdoc, 使用JSDoc表示流量注释.zip

    flow-jsdoc, 使用JSDoc表示流量注释 流 jsdoc 这是一个将转换为标准的流类型注释的工具。 这意味着:你只需要记录你的类型一次: in 。无需使用 transpiler插件,就可以获得流的好处,而不必使用的ugly语法 。对于...

    jsdoc AMD注释生成例子,用jaguarjs模板.

    **JSDoc AMD 注释生成与 JaguarJS 模板详解** 在 JavaScript 开发中,文档的编写是不可或缺的一部分,它能够帮助开发者理解代码的功能和用法,提高代码的可读性和可维护性。JSDoc 是一个用于生成 API 文档的工具,...

    jsdoc2flow:将JSDoc注释转换为Flow注释

    jsdoc2flow 将JSDoc注释转换为Flow注释 这是一个库和CLI工具,可读取注释并插入相应的批注。 例如,它将变成以下代码/** * @typedef {object} Result * @property { string } id * @property { number } count *//**...

    eslint-plugin-jsdoc-typescript:该插件添加了新的jsdoc规则,专门用于将typescript与checkJs和jsdoc注释一起使用

    该插件添加了新的jsdoc规则,专门用于将jsdoc与checkJs和jsdoc注释一起使用。 规则: require-class-field 这将强制您的类具有类字段声明。 此语法仅在节点12及更高版本中有效。 规则: require-constructor-...

    swagger-file-generator:根据jsdoc注释生成swagger文件

    Swagger 文件生成器是一款工具,主要用于将含有 JSDoc 注释的 JavaScript 或 TypeScript 代码自动转换成 Swagger(现称为 OpenAPI)规格的文件。这个工具极大地简化了 API 文档的创建过程,使得开发者能够通过编程的...

    jsdoc-to-markdown:从jsdoc注释的javascript生成markdown文档

    1.使用有效的jsdoc注释记录代码。 /** * A quite wonderful function. * @param { object } - Privacy gown * @param { object } - Security * @returns { survival } */ function protection ( cloak , ...

    openapi-jsdoc:从JSDoc注释生成OpenAPI 3.0规范

    openapi-jsdoc从您的JSDoc代码注释中解析您的OpenAPI(以前称为Swagger)文档。 受启发。 支持的版本 入门 安装运行 $ npm install openapi-jsdoc 您需要在definition属性中定义初始OpenAPI根对象。 有关更多详细...

    前端开源库-jsdoc-regex

    在处理JSDoc注释时,常常需要使用正则表达式(Regex)来匹配和提取注释块以及其中的信息。正则表达式是一种强大的文本处理工具,能高效地在字符串中查找、替换和分割特定模式。在解析JSDoc时,我们需要一个精确的...

    ts2jsdoc:带有可选模板的 JSDoc 插件,可根据 Typescript 定义自动添加 JSDoc 注释

    ts2jsdoc 带有可选模板的 JSDoc 插件,可根据 Typescript 定义自动添加 JSDoc 注释。概述特征根据 Typescript 的类型自动添加 JSDoc 注释: 添加变量和属性类型、修饰符和默认值。 添加函数和方法返回类型、修饰符、...

    Atom-atom-3en-jsdoc,用于Atom的JSdoc插件,3en用于所有Suitescript项目.zip

    4. **快捷键集成**:提供快捷键以快速插入和格式化JSDoc注释。 5. **文档格式化**:自动格式化JSDoc注释,保持代码整洁。 为了开始使用"atom-3en-jsdoc",你需要解压下载的文件,然后在Atom中安装这个插件。这通常...

    前端开源库-jsdoc-x

    **jsdoc-x** 是一个专为前端开发者设计的开源库,其主要功能是解析和处理JavaScript代码中的JSDoc注释,从而生成自定义的JavaScript对象。JSDoc 是一种标准化的注释语法,用于为JavaScript代码提供文档,它允许...

    关于vscode开发WebGL没有提示的解决办法1

    幸运的是,这个问题有一个简单的解决办法:使用JSDOC注释。 什么是JSDOC? JSDOC是一个JavaScript文档生成器工具,它可以根据JavaScript代码生成文档。使用JSDOC注释,可以帮助vscode编辑器更好地理解代码,从而...

    jsdoc-tsd:JSDoc模板,用于基于JSDoc注释生成TypeScript定义文件

    要使用此模块,只需将这个项目指定为jsdoc输出的模板。 要从命令行使用此模板,请运行 $> jsdoc -t node_modules/@otris/jsdoc-tsd -r . 您还可以将此模板添加到JSON配置文件中: { "opts": { "template": "./...

    Atom-atom-easy-jsdoc,atom编辑器的jsdoc热键。.对tgandrews/atom的贡献.zip

    在JavaScript开发中,良好的JSDoc注释是保持代码清晰和易于维护的关键。 "Atom Easy JSdoc"包就是为了解决在Atom中快速创建和编辑JSDoc注释的问题。它提供了快捷键,使得开发者无需手动输入完整的JSDoc结构,只需...

    前端开源库-jsdoc-webpack-plugin

    **jsdoc-webpack-plugin** 是一个前端开发中的工具插件,主要功能是将JavaScript代码中的JSDoc注释解析并整合到Webpack的构建流程中。这个插件使得开发者能够方便地生成项目的API文档,提高代码的可读性和维护性。...

    使用JSDoc建立JavaScript代码的文档

    下面以一个简单的示例来展示如何使用JSDoc为JavaScript代码添加注释: ```javascript /** * @fileoverview This file is an example of how JSDoc can be used to document JavaScript. * * @author Ryan ...

    前端开源库-jsdoc-md

    `jsdoc-md` 是一个专为前端开发者设计的开源工具,它能够帮助我们自动从源代码中的 JSDoc 注释生成 Markdown 格式的文档。这种自动化的方式极大地提高了开发效率,确保了文档与代码同步更新,降低了沟通成本。 **...

    string-to-jsdoc-comment:将字符串转换为JSDoc注释

    字符串到jsdoc注释 将字符串转换为JSDoc注释 const { stringToJsdocComment } = require ( 'string-to-jsdoc-comment' ) const comment = stringToJsdocComment ( 'Here is some description.' ) 现在comment /**...

    jsdoc_toolkit

    3. **注释代码**:在JavaScript源代码中添加JsDoc注释。 4. **生成文档**:运行`jsdoc`命令,指定源代码目录和输出目录。 5. **查看文档**:生成的HTML文档可以在浏览器中打开,供团队成员参考。 ### 应用场景 ...

Global site tag (gtag.js) - Google Analytics