编写高质量代码（JavaScript篇）

1、使用“（function（）｛｝）（）”这样的写法去控制变量在作用域，避免冲突。

例如：

<script type="text/JavaScript">
(function(){
   var a=1,b=2;
   //.....
})();
</script>

<script type="text/JavaScript">
(function(){
   var a=1,c=2;
   //.....
})();
</script>

2、添加必要的注释，提高代码的可维护性，同时对于多方法相互调用时，可定义全局变量命名空间的方法进行有效的全局变量管理。

例如：

<script type="text/JavaScript">
var GLOBAL={};
GLOBAL.namespace=function(str){
    var.arr=str.split("."),o=GLOBAL;
    for(i=arr[0]="GLOBAL"?1:0;i<arr.length;i++){
       o[arr[i]]=o[arr[i]]||{};
       o=o[arr[i]];
   }
}
</script>

//A  Code;
<script type="text/JavaScript">
(function(){
   var a=1,b=2;
   GLOBAL.namespace("A.CAT");
   GLOBAL.namespace("A.DOG");
   GLOBAL.CAT.Name="Hello";
   GLOBAL.CAT.Name="Word";

   //.....
})();
</script>

//B  Code
<script type="text/JavaScript">
(function(){
   var a=1,b=2;
   GLOBAL.namespace("A.CAT");
   GLOBAL.namespace("A.DOG");
   GLOBAL.CAT.Name="Hello";
   GLOBAL.CAT.Name="Word";

   //.....
})();
</script>

//C Code
<script type="text/JavaScript">
(function(){
   var a=1,b=2;
   GLOBAL.namespace("A.CAT");
   GLOBAL.namespace("A.DOG");
   GLOBAL.CAT.Name="Hello";
   GLOBAL.CAT.Name="Word";

   //.....
})();
</script>

3、CSS放在页面的页头部分，JavaScript放在页面的尾部。这样放置对于页面加载的时候，HTML信息无样式显示效果不好，同时JavaScript放在尾部，避免因为JavaScript阻塞网页的呈现，减少页面空白的时间。

4、对于JavaScript的代码，可采用分层的概念，一般可采用base层（接口代码），common层（相应的组件代码），page层（具体功能需求的代码）三层的结构。例如：常用的JavaScript库：jQuery库，YUI库、Ext JS等。

5、用hash对象传参，方便的进行参数的传输，不受参数的位置和顺序影响。例如：

// 普通方式传参
function test (a,b,c){
  var objA=a||1,objB=b||1,objC=c||1;
}
//具体调用传参
test(4,5,6);
test(null,5,6);
test(null,null,6);

// hash方式传参
function test (config){
  var objA=config.a||1,objB=config.b||1,objC=config.c||1;
}
//具体调用传参
test({a:4,b:5,c:6});
test({b:5,c:6});
test({b:5});

良好维护性要求：

1、将代码做到松耦合，高度模块化。

2、良好的注释。

3、代码弹性。

4、编写按照规范。

命名规则：

1、共用组件，命名从简，不加前缀。

2、相应模块，采用前缀。可选择加上工程师姓名缩写。

3、模块化组件，驼峰命名法及下划线相结合。

4、命名清晰，有意义，可以轻松明白意思。