天天看点

最佳实践(JavaScript)

1.可维护的代码:

编写可维护性的代码很重要。因为大多数开发人员都花费大量的时间维护他人的代码,很难从头开始开发新代码的。很多情况下是以他人的工作成果为基础的。确保自己的代码可维护性,以便于其他开发人员在此基础上更好的开展工作。

什么是可维护的代码:

1.可理解性:其他人可以接受代码,并理解它的意图和一般途径。而无需原开发人员的完整解释。

2.直观性:代码中的东西一看就明白,不管其操作过程多么复杂。

3.可适应性:代码以一种数据上的变化不要求完全重写的方法撰写。

4.可扩展性:在代码架构上已经考虑到未来允许对核心功能的扩展。

5.可调试性:代码有足够的的信息来尽可能的确定问题的所在。

代码约定:

一种让代码变得可维护性的简单途径就是形成一套JavaScript代码书写约定。比如:

可读性(必须可读):一般如下的地方需要注释:函数和方法,大段代码,复杂的算法,Hack等

变量和函数名:适当给变量和函数起名字增加代码的可读性和可维护性非常重要。比如:

变量名字应为名词,函数名应该为动词,变量和函数的名字应使用合乎逻辑的名字,不要担心长度。

变量类型透明:初始化为一个特定数据类型可以很好的指明变量类型。

松散耦合:

只要应用的某个部分过分依赖于某一个部分,代码就耦合过紧,难于维护。比如:

解耦HTML和JavaScript:HTML是数据,JavaScript数行为。

解耦CSS和JavaScript:最常见的例子就是使用JavaScript修改样式,这样不好,我们应该通过JavaScript控制改变样式类来到达修改样式的功能。

由于JavaScript必须与HTML和css共存,所以让各自完全定义其自己的目的非常重要:JavaScript应该定义行为,HTML负责定义内容,CSS负责定义外观。

解耦应用逻辑和事件处理程序

2.编程实践:

1.尊重对象的所有权:

2.避免使用全局量(最好有各自的命名空间)

3.避免与null比较:代码中的null比较越少,就越容易确定代码的目的,消除了不必要的错误。

4.使用常量。

3.性能:

1.注意作用域:

避免使用全局查找

避免使用with语句。

2.优化DOM交互:

在JavaScript中,DOM毫无疑问是最慢的一部分。DOM操作与交互要消耗大量时间。因为它们往往需要重新渲染整个页面或者一部分。进一步说,看似细微的操作也可能花费很久来执行。因为DOM要处理非常多的信息。理解如何优化与DOM的交互可以极大的提高脚本完成的速度。因为DOM的消耗很大,所以需要限制DOM操作的次数。

最小化现场更新

使用innerHTML

使用事件代理

4.部署:

构建过程

验证压缩:文件压缩(代码长度和配重)和HTTP压缩

待续.....

参考《JavaScript高级程序指南》

继续阅读