一、命名 1、应给变量和函数取一个含义确切的名称,不要随意命名。 2、非构造函数采用驼峰命名法,尽量采用动宾结构,以与变量名相区别,如getName或IsFull。构造函数(即自定义类型)名称首字母大写,以与非构造函数相区别,如Person。 3、变量采用驼峰命名法。由于JavaScript是一种弱类型语言,因此建议在变量名称前加前缀:整形(i),浮点数(f),布尔型(b),字符串(s),数组(a)。但不强制这么做,可根据个人爱好选择,选择好后就不要混用加前缀和不加前缀这两种方式了。 二、布局 1、空格。 a)var与变量名之间留一个空格,变量名与等号之间留一个空格,等号与初始值之间留一个空格,初始值与分号之间不留空格。如:var i = ; b)使用字面量方式声明引用类型变量时,各个属性与冒号之间不留空格,冒号与初始值之间留一个空格。如: c)function与函数名之间留一个空格,函数名与()之间不留空格,()与{之间留一个空格。 d)函数的各个参数之间留一个空格。 e)if、while、for与左括号之间留一个空格,以强调关键字;switch、with与左括号之间不留空格。 f) 二元操作符与左右两个操作数之间留一个空格。当某行代码较长时,也可不留空格。 2、换行。 a)每行语句占用一行,不要多个语句一行。 b)if、while、for等块级作用域后的大括号{不要另起一行,就放在关键字同一行。 3、缩进。 a)缩进使用4个空格,不要使用tab。 b)作用域不一样时就应当进行缩进,以显示出其层次关系。 三、注释 1、合理添加注释。注释不能完全没有,也不是越多越好。给重要的方法、变量和算法(或其他需要注意的问题)添加注释即可。 2、修改源代码时,需要同步修改注释,保持两者的一致。 3、不要在代码中使用html方式的注释。 四、规范 1、申明变量时必须加var关键字。虽然JavaScript允许不加var关键字,此时成为全局变量,但这是导致问题的一个来源。 2、申明变量时必须同时进行初始化,之后最好不要再改变变量的数据类型了。 3、语句末尾可以加分号的,必须加分号。 4、if、while、for等仅有一条语句时,也需要放在大括号内。 5、不要随意使用全局变量,如果不得不使用,最好只用一个全局变量。 6、JavaScript与html、css之间应保持松散耦合。html是数据层,css是表现层,JavaScript是行为层,三者应避免紧密的耦合,否则会导致后期难以维护。html中不要有具体的JavaScript代码,全部采用包含外部文件的方式;JavaScript中也尽量不要使用innerHTML等插入大量html元素,应考虑将元素放在html中,只不过初始隐藏即可;JavaScript中不要直接修改css中的具体属性,而应通过className来间接修改。 7、不要修改不是由你所有的对象,不给其实例或原型添加属性或方法,也不要重复定义其已有的方法。否则,当该对象的新版本添加了同名的属性或方法时,会导致潜在的难以察觉的问题。解决方案有两种:一是继承,二是包含。 8、使用命名空间来防止多个库之间的冲突,可参考YUI库的组织方式。 9、对于代码中出现的字面量,应将其放在某个变量的属性中,属性名首字母或所有字母大写(模拟其他语言中的define或enum)。如: 、对函数中传入的参数进行检查。若为基本类型,使用typeof;若为引用类型,使用instanceOf;若要检查某个对象是否包含某个方法,则对该方法使用typeof操作符,并与字符串"undefined"比较。 五、性能 1、避免全局查找。使用全局变量和函数的开销要比使用局部变量和函数大,因为全局变量和函数涉及到作用域链的查找。因此,当函数中多次使用全局变量时,就会进行多次作用域链的查找,为了避免这个问题,可以将多次使用的全局变量赋值给一个局部变量,以后都使用该局部变量。 2、避免使用witch语句。with语句会创建自己的作用域,从而导致额外的开销。 3、避免属性查找。属性查找是一个O(n)操作,对象上的任何属性查找都比访问变量和数组花费更多时间(访问变量和数组是O(1)操作)。因此,如果多次用到同一个属性,则应将其保存在局部变量中。如:
推荐整理分享JavaScript之编码规范 推荐(js文件设置编码),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:javascript编码规范,js 字符编码,js文件设置编码,js html编码,js编码方式,js编码函数,js编码方式,js编码方式,内容如对您有帮助,希望把文章链接给更多的朋友!
网页编辑器ckeditor和ckfinder配置步骤分享 一、使用方法:1、在页面head中引入ckeditor核心文件ckeditor.jsscripttype="text/javascript"src="ckeditor/ckeditor.js"/script2、在使用编辑器的地方插入HTML控件textareatextar
javascript学习笔记(一) 在html中使用javascript 1.延时脚本运行的方法:方法一:把全部javascript引用放在body元素中,页面内容后,如htmlheadtitle示例1/title/headbody!--页面内容--scripttype="text/javascript"src="exa
javascript学习笔记(二) js一些基本概念 1.typeof操作符:用于检测给定变量的数据类型varmessage="somestring";alert(typeofmessage);//"string"alert(typeof(message));//"string"alert(typeof);//"number"typeof操作符可能返