所有的 JavaScript 项目适用同一种规范
设计原则:
1.原子思想:即每个function就做一件事;
2.归纳思想:将同一类的操作,全部整合到一起;
3.方便维护:可以便于后来人进行快速维护;
4.方便拓展:即可以根据每个不同的项目进行不同的更改;
5.通用前端设计模式:一些前端可以通用的设计模式
6.注意写好注释,将注释写的具体点;
JavaScript 代码规范
代码规范通常包括以下几个方面:
变量和函数的命名规则
空格,缩进,注释的使用规则
其他常用规范……
规范的代码可以更易于阅读与维护
代码规范一般在开发前规定,可以跟你的团队成员来协商设置
变量名
变量名推荐使用驼峰法来命名(camelCase):
firstName = "John"; lastName = "Doe";
点击并拖拽以移动
前缀规范:
每个局部变量都需要有一个类型前缀,按照类型可以分为:
s:表示字符串。例如:sName,sHtml;
n:表示数字。例如:nPage,nTotal;
b:表示逻辑。例如:bChecked,bHasLogin;
a:表示数组。例如:aList,aGroup;
r:表示正则表达式。例如:rDomain,rEmail;
f:表示函数。例如:fGetHtml,fInit;
o:表示以上未涉及到的其他对象,例如:oButton,oDate;
g:表示全局变量,例如:gUserName,gLoginTime
空格与运算符
通常运算符 ( = + - * / ) 前后需要添加空格:
var x = y + z; var values = ["Volvo", "Saab", "Fiat"];
点击并拖拽以移动
代码缩进与换行
缩进
在同一系统中应采用同一种缩进标准,本文提倡缩进大小为4个空格。各编译器对Tab键所代替的空白大小定义不同。建议在设置开发环境时,将编辑器里的Tab快捷键重新设置成4个空格。多数编译器提供了此功能。否则建议按4次空格来进行缩进。
换行
在以下位置必须换行:
每个独立语句结束后;
![](https://static.oschina.net/uploads/space/2017/0622/144800_rwmw_3472227.png)
原文链接 http://click.aliyun.com/m/23859/