最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
标准javascript代码规范详解
时间:2011-11-18 编辑:简简单单 来源:一聚教程网
1. Javascript代码应符合Douban-JSLint检验标准
1-1. 语句必须都有分号结尾,除了for, function, if, switch, try, while
1-2. 只有长语句可以考虑断行,如:
代码如下 | 复制代码 |
TEMPL_SONGLIST.replace('{TABLE}', da['results']) |
为了避免和JSLint的检验机制冲突,“.”或“+”这类操作符放在行尾,上面代码应改为:
代码如下 | 复制代码 |
TEMPL_SONGLIST.replace('{TABLE}', da['results']). |
1-3. 避免额外的逗号。如:var arr = [1,2,3,];
1-4. 所有的循环体和判断体都需要用"{}"括起来。如:
代码如下 | 复制代码 |
错: if (condition) 对: if (condition) { |
1-5. for-in循环体中必须用hasOwnProperty方法检查成员是否为自身成员。避免来自原型链上的污染。
1-6. 变量声明。变量声明应放在function的最上面。避免使用未声明的变量。
代码如下 | 复制代码 |
错: if (n > 0) { 对: var isvalid; |
1-7. 不要使用with, void, evil。
1-8. 使用严格的条件判断符。用===代替==,用!==代替!=。
1-9. 下面类型的对象不建议用new构造:new Number, new String, new Boolean, new Object(用{}代替), new Array(用[]代替)。
1-10. 引用对象成员用obj.prop1代替obj[“prop1”],除非属性名是变量。
注:Douban-JSLint是定制过的JSLint
注:如果模块代码中,使用其它全局变量想跳过JSLint的检查,可以在该文件中加入声明,如:
2. Javascript命名规则
2-1. 构造器的首字母大写。如:
代码如下 | 复制代码 |
function Dialog (config) { |
2-2. 对象的属性或方法名采用小驼峰式(lower camel-case),如"init", "bindEvent", "updatePosition":
代码如下 | 复制代码 |
Dialog.prototype = { |
2-3. 私有变量名用下划线开头。如:"_current", "_defaultConfig"
2-4. 常量名全部大写,单词间用下划线分隔。如:“CSS_BTN_CLOSE”, "TXT_LOADING"
2-5. 变量名的前缀:
代码如下 | 复制代码 |
Prefix Element Example integer nVariableName i,j,k,m,n, etc. * integer as counter/iterator (for i=0; i<=oArray.length; i++) string sVariableName object oObjectName is, can, has boolean [Boolean name]ConditionName event method event attachment [event type]_MethodName accessor method getMethodName accessor method setMethodName Note: Only a counter/iterator should use a single-letter designation. |
3. 代码格式化要求
3-1. 语句中的必要空格和缩进
3-1-1. 用来包含语句的"()"前后需要跟空格,诸如: if / for / while / switch ( statements ) { … } 等
3-1-2. "="前后需要跟空格
3-1-3. 数组成员间的","后面需要跟空格
不好:
代码如下 | 复制代码 |
for (t in selected) { if (!hash[t]) deselect(t) } |
好:
代码如下 | 复制代码 |
for ( t in selected ) { |
3-2. 长语句采用断行:
不好:
TEMPL_SONGLIST.replace('{TABLE}', da['results']).replace('{PREV_NUM}', prev).replace('{NEXT_NUM}', next).replace('{CURRENT_NUM}', current).replace('{TOTAL_NUM}', da.page_total);
好:
代码如下 | 复制代码 |
TEMPL_SONGLIST.replace('{TABLE}', da['results']). replace('{PREV_NUM}', prev). replace('{NEXT_NUM}', next). replace('{CURRENT_NUM}', current). replace('{TOTAL_NUM}', da.page_total); |
3-3. 格式化对象参数:
不好:
代码如下 | 复制代码 |
embedSWF(id, { url: '/swf/player30792.swf?url=' + el.href, width: 261, height: 30, params: { wmode:'transparent' }, attributes: { id: "player-sample" + i, name: "player-sample" + i }}); |
好:
代码如下 | 复制代码 |
embedSWF(id, { url: '/swf/player30792.swf?url=' + el.href, width: 261, height: 30, params: { wmode:'transparent' }, attributes: { id: "player-sample" + i, name: "player-sample" + i }); |
相关文章
- 无线网连接提示没有有效的IP配置解决方法 03-08
- javascript实现下雨效果 07-28
- javascript实现圣旨卷轴展开效果(代码分享) 07-20
- JavaScript实现星星等级评价功能 07-14
- javascript实现滑动解锁功能 07-14
- 十大热门的JavaScript框架和库 07-13