最近花了一周时间把《编写可维护的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.已经存在的对象,(别人创建的对象), 不覆盖方法, 不新增方法, 不删除方法。