优化你的js

这几天看《JavaScript高级程序设计》,总结一下Javascript方面的优化
一、压缩体积,缩短下载时间。
这一条是最基本,也是很有效的一条。这里要记住一个关键数字1160,这是能放入单个TCP/IP包中的字节数。
1、删除注释
2、删除制表符和空格
3、删除所有的换行
4、替换变量名

如:function fun(username,userage){alert(username+userage);}
替换为:function fun(a1,a2){alert(a+b);} 

5、替换布尔值

如:1替换ture,0替换false 

6、缩短否定检测

如:if(name == null){}
替换为:if(!name){} 

7、使用数组和对象字面量

如:var test = new Array;
替换为:var test = [];
var test = new Object;
替换为:var test = {}; 

说明:一般来说优化后的js只适用于投入使用中,开发阶段还需要一份原始版本,方便阅读(就像JQ那样)

二、缩短执行时间。
有些方面也适用于其他语言。
1、尽量使用局部变量
2、尽量避免with语句
3、重复获取某一值,就把该值另赋予一变量

如:for(var i=0; i<test.length; i++){}
替换为:var testlen = test.length;
for(var i=0; i<testlen; i++){}

4、用if语句和多个else语句时,可能性越大的情况越往前放
5、尽量减少else if语句数量,将条件按二叉树方式排列
6、尽量用switch代替2个以上条件的if
7、可以使用StringBuffer对象的Array和join()方法链接
8、优先使用内置方法
9、一次定义多个变量
10、节约使用DOM操作

如:若要在DOM树中添加A节点,A中又包含其他子节点,尽量先把所有子节点添加到A中后,再把A添加到DOM树中

你可能感兴趣的:(JavaScript,JOIN,优化,function,object,fun)