脚本宝典收集整理的这篇文章主要介绍了javascript代码规范小结,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
1. Javascript代码应符合Do
uban-JSLint
检验标准
1-1. 语句必须都有分号结尾,除了for, function, if, sw
ITch, try, while
1-2. 只有长语句可以考虑断行,如:
TEMPL_SONGLIST.replace('{TABLE}', da['results'])
.replace('{P
rev_NUM}',
PRev)
.replace('{NEXT_NUM}', next)
.replace('{
current_NUM}', current)
.replace('{
total_NUM}', da.page_total);
为了避免和JSLint的检验机制冲突,“.”或“+”这类操作符放在行尾,上面代码应
改为:
TEMPL_SONGLIST.replace('{TABLE}', da['results']).
replace('{PREV_NUM}', prev).
replace('{NEXT_NUM}', next).
replace('{CURRENT_NUM}', current).
replace('{TOTAL_NUM}', da.page_total);
1-3. 避免额外的逗号。如:
VAR arr = [1,2,3,];
1-4. 所有的循环体和判断体都需要用"{}"括起来。如:
错:
if (condition)
statement;
或
if (condition) statement;
对:
if (condition) {
statement; 或
if (condition) { statement; }
1-5. for
-in循环体中必须用hasOwnPro
PErty方法检查成员
是否为自身成员。避免来自原型链上的污染。
1-6.
变量声明。变量声明应放在function的最上面。避免使用未声明的变量。
错:
if (n > 0) {
var isvalid = true;
对:
var isvalid;
if (n > 0) {
isvalid = true;
}
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 Dia
LOG (
config) {
statement;
} var dlg = new Dialog({
...});
2-2. 对象的属性或
方法名采用小驼峰式(lower c
amel-case),如"init", "bindEvent", "updatePosition":
Dialog.prototype = {
init: function () {},
bindEvent: function () {},
updatePosition: function () {} };
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 ) {
if ( !hash[t] ) {
deselect(t); }
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, h
eight: 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
});
脚本宝典总结
以上是脚本宝典为你收集整理的javascript代码规范小结全部内容,希望文章能够帮你解决javascript代码规范小结所遇到的问题。
如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。