javascritp笔记1
javascript代码的优化使用:
+-------------------------------------------------------------------------------------+
1.js是一种灵活的语言,一千个人会有一千种的js书写方式.这个你的团队再次开发有很多的困难.个人认为有很好的书写规范是首当其冲的.
2.参考了很多优秀的代码规范以后,总结了如下几点:
命名规范:
变量名包括全局变量,局部变量,类变量,函数参数等等,他们都属于这一类.
变量命名都以类型前缀+有意义的单词组成,用驼峰法命名法来增加变量和函式的可读性.例如,sUserName,nCount.
每一个局部变量都要有一个类型的前缀,按照类型分为:
s:表示字符串,例如sName,sHtml
n:表示数字.例如:nPage,nTotal
b:表示逻辑,例如bChecked,bHasLogin
a:表示数组,例如sList,aGroup
r:表示正则表达式,rDomain,rEmail
f:表示函数,例如fGetHtml,finit
o:表示以上未涉及的其他对象,例如oButton,oDate
g:表示全局变量,例如:gUserName,gLoginTime
当然我们也可以自己使用自己的规范:
$:表示jQuery对象,例如:$Content,$Module
一种比较规范的Jquery对象变量命名规范
j:表示jquery对象,例如:jContent,jModule
另外一种jquery对象变量命名方式.
fn:表示函数,例如fnGetName,fnSetAge
和上面函数的前缀略有不同,改用fn来代替,个人认为fn能够够好的区分普通变量和函数变量.
dom:表示dom对象,例如domForm,domInput
项目中有很多地方会用原生的Dom方法以及属性,可以根据团队需要适当修改.
这里可以根据项目团队需要,设计出针对项目需要的前缀规范,从而达到团队开发协作便利的目的.
例外情况:
1.作用域不大临时变量:比如str,num,bol,obj,fun,arr
2.循环变量可以简写,比如i,j,k等
3.某些作为不允许修改值的变量认为是常量,全部字母都大写,比如COPYRIGHT,PI,常量可以存于函数中,也可以存在于全局.
之所以定义变量前缀是因为js是弱类型语言造成的,在定义大量变量的时候,我们很需要知道当前变量是干什么的!如果不这样,我们就很难区分.
[url=" style=]复制代码[/url][url=" style=]运行代码[url="style=]编辑代码[/url]
//普通代码
var checked=false;
var check=function(){
return true;
}
/**
some code
**/
if(check){
//已经无法很确切知道这里是用checked还是check()从而导致逻辑错误
//do some thing
}
//规范后代码
var bChecked=false;
var fnCheck=function(){
return true;
}
/**
some code
**/
if(bChecked){
//do some thing
}
if(fnCheck()){
//do other thing
}
+-------------------------------------------------------------------------------------+
函数命名:
统一使用动词或者动词+名词形式,例如fnGetVersion(),fnSubmitForm(),fninit();涉及返回逻辑值的函数可以使用is,has,contains等表示逻辑的动词代替动词,例如:fnlsObject(),fnHasClass(),fnContainsElement().
如果有内部函数,使用_fn+动词+名词形式,内部函数必需在函数最后定义.例如:
function fnGetNumber(nTotal){
if(nTotal<100){
nTotal=100;
}
return _fnAdd(nTotal);
function _fnAdd(nNumber){
nNumber++;
return nNumber;
}
}
alert(fGetNumber(10));//alert 101;
+-------------------------------------------------------------------------------------+
对象方法和事件函数响应函数
对象方法命名使用fn+对象类名+动词+名次形式.例如fnAddressGetEmail(),主管觉得加上对象类名有些鸡肋.个人认为一个对象的公开的属性和方法应当做到简洁易读.多增加一个对象类名单词,看着统一了,但有点为了规范而规范的味道.
某事件为响应函数命名方式为fn+触发事件对象名+事件名字或者模块名,例如fnDivClick(),fnAddressSubmitButtonClick()
补充一些函数方法常用的动词:
get:获得set设置,
add:增加
remove:删除
create创建
close关闭
start启动
stop停止
read读取
write写入
load载入
save保存
create创建
destroy销毁
begin开始
end结束
backup备份
restore恢复
import导入
export导出
split分割
merge合并
inject注入
separate提取
attach附着
detach脱离
bind绑定
separate分离
view查看
browser浏览
edit编辑
modify修改
select选取
mark标记
copy复制
paste粘贴
