JS编程最佳实践

  最近花了一周时间把《编写可维护的js》 阅读了一遍， 现将全书提到的JS编程最佳实践总结如下， 已追来者！

　　　　1.return 之后不可直接换行， 否则会导致ASI（自动分号插入机制）会在return 后插入一个分号。

　　　　2.一行语句最多不超过80个字符， 如果超过则应该在运算符后换行，并且追加两个缩进。

　　　　3.采用驼峰式命名，变量前缀为名词如：myName 函数应该以动词开始如：getName,常量应该以大写字母命名，如：MAX_COUNT， 构造函数首字母大写。

　　　　4.数字的写法： 整数：count =10 小数 count =10.0; 十六进制写法0xA2 科学计数法1e23  不推荐使用八进制写法。

　　　　5.如下场景应该使用null：

　　　　　　　　1.  为可能赋值为对象的变量初始化。

　　　　　　　　2. 在函数中， 如果参数期望是对象， 当做参数传入， 返回值同理。

　　　　6.如下场景不应该使用null：

　　　　　　　　1.检测参数是否传入。

　　　　　　　　2.检测未初始化的变量。

　　　　7.null应该当做是对象的占位符。

　　　　8.undefine应该避免使用。

　　　　9.声明对象和数组使用字面量直接量。如 var arry =[1,2,3];

　　　　10.case语句应该以break结尾。

　　　　11.禁止使用with语句。

　　　　12.fo-in循环会遍历对象以及对象原型的属性，所以应该使用hasOwnProperty()来过滤掉原型属性。如果需要遍历原型的属性， 应该加上注释。

　　　　13.数组应该使用 for循环 遍历。

　　　　14.尽量避免变量提升。

　　　　15.不要使用全局的严格模式， 尽量在函数中使用。

　　　　16.推荐使用 === 来比较

　　　　17.禁止使用eval() 和Function

　　　　18.禁止使用 String Name 这样的原始包装类型来创建新对象。 例如 var name = new String("name");

　　　　19.当需要通过JS来修改样式时， 应该操作className。推荐使用html5的方法：ele.classList.add("className");

　　　　20.避免使用全局变量。推荐以一下几种方式替代：

　　　　　　　　1.创建唯一的全局对象。

　　　　　　　　2.创建命名空间

　　　　　　　　3.以函数形式封装起来。

　　　　21.事件处理有两个原则：

　　　　　　　　1.隔离应用逻辑

　　　　　　　　2.不要分发事件对象。

　　　　　　　　用例：

 var myApp = {
        handlClick:function(event)
        {
             this.show(event.clientX, event.clientY);//杜绝分发事件对象   
        }  
};

      addListener(ele,"click, function(event){
                    myApp.handlClick(event);  //与应用层隔离
        }

 

　　　　22.避免 与null比较， 除非确实需要与null比较。应该使用typeof, typeof也不应该对null进行检测。

　　　　23.检测引用值应该使用value instanceof constructor

　　　　24.检测数组使用isArry()方法

　　　　25.检测属性应该使用in 关键字  if("cout" in object){}; ie8以下不支持 可以使用hasOwnProperty();

　　　　26.配置数据应该与应用程序抽离出来， 最好形成单独的配置文件。

　　　　27.多人开发项目中对于对象的处理遵循以下几条原则：

　　　　　　　　1.如果不是自己创建的对象，不要修改他们， 包括：原生对象， DOM对象， BOM对象， 类库对象。

　　　　　　　　2.已经存在的对象，（别人创建的对象）， 不覆盖方法， 不新增方法， 不删除方法。