博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js/javascript代码注释规范与示例
阅读量:2382 次
发布时间:2019-05-10

本文共 2204 字,大约阅读时间需要 7 分钟。

 注释在代码编写过程中的重要性,写代码超过半年的就能深深的体会到。没有注释的代码都不是好代码。为了别人学习,同时为了自己以后对代码进行‘升级’,看看js/javascript代码注释规范与示例。来自:http://www.56.com/style/-doc-/v1/tpl/js_dev_spec/spec-comment.html

 文件注释

 文件注释位于文件的最前面,应包括文件的以下信息:概要说明及版本(必须)项目地址(开源组件必须)版权声明(必须)开源协议(开源组件必须)版本号(必须)修改时间(必须),以ISO格式表示(可使用Sublime Text的InsertDate插件插入)文件注释必须全部以英文字符表示,并存在于文件的开发版本与生产版本中。例如:

1
2
3
4
5
/*!
 
* jRaiser 2 Javascript Library
 
* waterfall - v1.0.0 (2013-03-15T14:55:51+0800)
 
* http://jraiser.org/ | Released under MIT license
 
*/
1
2
3
4
/*!
 
* kan.56.com - v1.1 (2013-03-08T15:30:32+0800)
 
* Copyright 2005-2013 56.com
 
*/

 如果文件内包含了一些开源组件,则必须在文件注释中进行说明。例如:

1
2
3
4
5
6
7
/*!
 
* jRaiser 2 Javascript Library
 
* sizzle - v1.9.1 (2013-03-15T10:07:24+0800)
 
* http://jraiser.org/ | Released under MIT license
 
*
 
* Include sizzle (http://sizzlejs.com/)
 
*/

 普通注释

 普通注释是为了帮助开发者和阅读者更好地理解程序,不会出现在API文档中。其中,单行注释以“//”开头;多行注释以“/*”开头,以“*/”结束。普通注释的使用需遵循以下规定。

  • 总是在单行注释符后留一个空格。例如:

1
// this is comment
  • 总是在多行注释的结束符前留一个空格(使星号对齐)。例如:

1
2
3
/*
                             
 
*/
  • 不要把注释写在多行注释的开始符、结束符所在行。例如:

1
2
3
/* start
                             
end */
1
2
3
4
/*
here is line 1
here is line 2
 
*/
  • 不要编写无意义的注释。例如:

1
2
// 初始化value变量为0
var 
value = 0;
  • 如果某段代码有功能未实现,或者有待完善,必须添加“TODO”标记,“TODO”前后应留一个空格。例如:

1
2
3
4
// TODO 未处理IE6-8的兼容性
function 
setOpacity(node, val) {
    
node.style.opacity = val;
}

 文档注释

 文档注释将会以预定格式出现在API文档中。它以“/**”开头,以“*/”结束,其间的每一行均以“*”开头(均与开始符的第一个“*”对齐),且注释内容与“*”间留一个空格。例如:

1
2
3
/**
 
* comment
 
*/

 文档注释必须包含一个或多个注释标签。

  •  @module。声明模块,用法:

1
2
3
4
/**
 
* 模块说明
 
* @module 模块名
 
*/

 例如:

1
2
3
4
/**
 
* Core模块提供最基础、最核心的接口
 
* @module Core
 
*/
  • @class。声明类,用法:

1
2
3
4
5
/**
 
* 类说明
 
* @class 类名
 
* @constructor
 
*/

 @class必须搭配@constructor或@static使用,分别标记非静态类与静态类。

1
2
3
4
5
6
/**
 
* 节点集合类
 
* @class NodeList
 
* @constructor
 
* @param {ArrayLike<Element>} nodes 初始化节点
 
*/
  • @method。声明函数或类方法,用法:

1
2
3
4
5
6
7
/**
 
* 方法说明
 
* @method 方法名
 
* @for 所属类名
 
* @param {参数类型} 参数名 参数说明
 
* @return {返回值类型} 返回值说明
 
*/

 没有指定@for时,表示此函数为全局或模块顶层函数。当函数为静态函数时,必须添加@static;当函数有参数时,必须使用@param;当函数有返回值时,必须使用@return。

1
2
3
4
5
6
7
/**
 
* 返回当前集合中指定位置的元素
 
* @method
 
* @for NodeList
 
* @param {Number} [i=0] 位置下标。如果为负数,则从集合的最后一个元素开始倒数
 
* @return {Element} 指定元素
 
*/
  •  @param。声明函数参数,必须与@method搭配使用。

  •  当参数出现以下情况时,使用对应的格式:

1
[参数名]
  •  参数有默认值:

1
[参数名=默认值]

@property。声明类属性,用法:

1
2
3
4
/**
 
* 属性说明
 
* @property {属性类型} 属性名
 
*/

 

转载地址:http://clyab.baihongyu.com/

你可能感兴趣的文章
简单聊聊Linux学习经历
查看>>
欧盟即将在免费开源软件项目中推行“漏洞赏金”
查看>>
苹果股价下跌会迎来iPhone最黑暗时刻吗?
查看>>
智能校服受到多数学生追捧
查看>>
这么多CPU/显卡成就是AMD首创:大写的YES
查看>>
java实现解压缩(Unzip)功能的实现
查看>>
java操作Access *.mdb数据库的实现
查看>>
jdbc连接数据库的代码片段
查看>>
X86汇编:debug命令详解
查看>>
flex(通过URLLoader)与后台jsp进行交互的例子,包括中文乱码的处理
查看>>
Flex HTTPService如何给后台传递参数
查看>>
Flex取得客户端的IP地址
查看>>
不vista下安装oracle10g(r2)注意事项
查看>>
文件列表输出到文件
查看>>
Ubuntu(804) SSH远程管理服务器安装配置
查看>>
android源码
查看>>
使用Hadoop的JAVA API远程访问HDFS
查看>>
Linux下任务调度服务crond使用
查看>>
ZeroMQ的订阅发布(publish-subscribe)模式
查看>>
使用redis存储全球IP库
查看>>