javaScript高程笔记--最佳实践

1.可维护性

　　《1》什么是可维护的代码

　　　　(1)可理解性

　　　　(2)直观性

　　　　(3)可适应性

　　　　(4)可扩展性

　　　　(5)可调试性

　　《2》代码约定

　　　　(1)可读性---适当的进行注释【函数和方法、大段代码、复杂的算法、Hack浏览器差异性】

　　　　(2)变量和函数名--语义化

　　　　(3)变量类型透明---一眼看出来是什么类型的数据

　　《3》松散耦合---代码最好不要交叉---排错方便

　　　　(1)HTML和JavaScript

　　　　(2)Css和JavaScript

　　　　(3)应用逻辑和事件处理程序（按键、获取DOM-----做了什么事情）

　　《4》尊重对象的所有权

　　　　(1)不要为实例或原型添加属性或方法

　　　　(2)不要重新定义已经存在的方法

　　　　(3)尽量避免全局变量

　　　　　　

var totalObj = {
  name:"123",
  funName:   function() {
      console.log(1);
　　}
}

　　　　(4)避免与null进行比较

　　　　　　如果是引用类型的话使用insinstanceof检查其类型

　　　　　　如果是基本类型使用typetypeof检查其类型

　　　　(5)使用常量

　　　　　　重复值

　　　　　　展示给客户使用的字符串类型，方便国际化

　　　　　　Urls

　　　　　　任何可能改变的值

2.性能

　　《1》注意作用域

　　　　避免全局查找

　　　　避免不必要的属性查找

　　《2》优化循环

　　　　减值迭代。0---n的递增性能比  n--0递减性能差

　　　　简化终止条件

　　　　简化循环体

　　　　使用后测试循环   do-while

　　　　展开循环--循环次数确定，展开循环

　　　　原生方法较快，switch语句较快，位运算符语句较快

　　《3》最小化语句数

　　　　1.多个变量声明   var   a, b, c;

　　　　2.使用数组对象字面量

　　《4》优化DOM交互

　　　　1.最小化现场更新

　　　　2.使用innerHTML

　　　　3.使用事件代理--冒泡

　3.部署

　　文件压缩

　　代码验证  ESlint