一、空格javascript
紧凑型:
project.MyClass = function(arg1, arg2){
松散型:
for( i = 0; i < length; i++ ){css
二、代码行长度
最多80个字符html
三、命名: 采用驼峰式方法命名(开始的第一个单词小写,以后的全部单词首字母大写)
var bankAccount = $(this);
关键字形式的函数命名:
function isReady()
function setName()
function getName()java
四、常量全用大写
var SECOND = 1000;node
五、等式应该用全等于“===”
if(a === '')编程
六、条件语句
var isDisabled = (node.enable || node._id)
if(isDisabled){
// ...
}ide
七、函数的行数
尽可能限制在10行之内wordpress
八、return语句
正确:
function isArray(){
var len = array.length;
if(len < 0){
return false;
}
if(len > 100){
return false;
}
return true;
}函数
错误:
function isPercentage(val) {
if(val >= 0){
if(val < 100){
return true;
}else{
return false;
}
}else{
return false;
}
}工具
九、全局变量
不要使用全局变量。全局变量命名冲突难以调试,尤为在合并代码或者共
享共用javascript代码时易发冲突。并且不该该使用隐式全局变量。
调试代码风格的工具:jsHint
http://www.jshint.com/
参考资料:
一些达成共识的JavaScript编码风格约定
http://www.csdn.net/article/2013-07-11/2816196-javascript-code-style-guide
Google JavaScript代码风格指南(待读。。。温故而知新)
http://chajn.org/jsguide/javascriptguide.html
二次总结:
翻译:谷歌HTML、CSS和JavaScript风格规范 « 张鑫旭-鑫空间-鑫生活
http://www.zhangxinxu.com/wordpress/2012/07/google-html-css-javascript-style-guides/
豆瓣Javascript代码风格规范
https://docs.google.com/document/pub?id=17ICSeE4Qd04-1U-pphmKCAmfgJGEVjqDellbu4oAiqU
《编写可维护的JavaScript》读书笔记1:编程风格
http://qczhang.blog.51cto.com/6094768/1341348