JSDoc 注释规范

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

什么是 JSDoc

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

JSDoc 注释规则

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

/*** 一段简单的 JSDoc 注释。*/

JSDoc 的注释效果

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

function Book(title, author) {    this.title=title;    this.author=author;}Book.prototype={    getTitle:function(){        return this.title;    },    setPageNum:function(pageNum){        this.pageNum=pageNum;    }};

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

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

@constructor 构造函数声明注释

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

@param 参数注释

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

/** * @param {String} wording 需要说的句子 */function say(wording) {  console.log(wording);}

@return 返回值注释

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

/* * @return {Number} 返回值描述 */

@example 示例注释

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

/* * @example * multiply(3, 2);  */

其他常用注释@overview 对当前代码文件的描述。@copyright 代码的版权信息。@author <name> [<emailAddress>] 代码的作者信息。@version 当前代码的版本。更多参考

如果想了解更多的 JSDoc 注释的内容,可参考下面的链接。

给TA打赏
共{{data.count}}人
人已打赏
wordpress教程

什么降低了您的WordPress网站速度?

2023-2-16 15:49:26

wordpress教程

企业如何为WordPress网站建设购买服务器呢?

2023-2-16 15:49:28

【腾讯云】11.11云上盛惠!云服务器首年1.8折起,买1年送3个月!
11.11云上盛惠!海量产品·轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。
查看更多相关信息>>
站长

(工作日 10:00 - 22:30 为您服务)

2026-03-27 19:38:56

您好,无论是售前、售后、意见建议……均可通过联系工单与我们取得联系。

猜你想问:

  • 购买的模板免费包安装吗?

  • 这个演示地址有吗?

  • 购买vip会员可以下载哪些模板?

您的留言我们已经收到,我们将会尽快跟您联系!
取消
立即选择任一渠道联系我们