JSDoc是什么?JSDoc注释规范的介绍

不言
发布: 2019-01-25 11:52:29
转载
3331 人浏览过

本篇文章给大家带来的内容是关于JSDoc是什么?JSDoc注释规范的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

什么是 JSDoc

JSDoc 是一个根据 JavaScript 文件中注释信息,生成 JavaScript 应用程序或模块的API文档的工具。你可以使用 JSDoc 标记如:命名空间,类,方法,方法参数等。从而使开发者能够轻易地阅读代码,掌握代码定义的类和其属性和方法,从而降低维护成本,和提高开发效率。

JSDoc 注释规则

JSDoc注释一般应该放置在方法或函数声明之前,它必须以/ **开始,以便由JSDoc解析器识别。其他任何以 /* , /*** 或者超过3个星号的注释,都将被JSDoc解析器忽略。如下所示:

/* **一段简单的 JSDoc 注释。 */
登录后复制

JSDoc 的注释效果

假如我们有一段这样的代码,没有任何注释,看起来是不是有一定的成本。

functionBook(title, author){ this.title=title; this.author=author; } Book.prototype={ getTitle:function(){ returnthis.title; }, setPageNum:function(pageNum){ this.pageNum=pageNum; } };
登录后复制

如果使用了 JSDoc 注释该代码后,代码的可阅读性就大大的提高了。

/** * Book类,代表一个书本. * @constructor * @param {string} title - 书本的标题. * @param {string} author - 书本的作者. */ functionBook(title, author){ this.title=title; this.author=author; } Book.prototype={ /** * 获取书本的标题 * @returns {string|*} 返回当前的书本名称 */ getTitle:function(){ returnthis.title; }, /** * 设置书本的页数 * @param pageNum {number} 页数 */ setPageNum:function(pageNum){ this.pageNum=pageNum; } };
登录后复制

@constructor 构造函数声明注释

@constructor明确一个函数是某个类的构造函数。

@param 参数注释

我们通常会使用@param来表示函数、类的方法的参数,@param是JSDoc中最常用的注释标签。参数标签可表示一个参数的参数名、参数类型和参数描述的注释。如下所示:

/** * @param {String} wording 需要说的句子 */ functionsay(wording){ console.log(wording); }
登录后复制

@return 返回值注释

@return表示一个函数的返回值,如果函数没有显示指定返回值可不写。如下所示:

/* * @return {Number} 返回值描述 */
登录后复制

@example 示例注释

@example通常用于表示示例代码,通常示例的代码会另起一行编写,如下所示:

/* * @example * multiply(3, 2); */
登录后复制

其他常用注释

@overview对当前代码文件的描述。

@copyright代码的版权信息。

@author []代码的作者信息。

@version当前代码的版本。

以上是JSDoc是什么?JSDoc注释规范的介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:jianshu.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!