JavaScript 优化

Javascript 是一门解释性的语言,他是直接下载到用户的客户端进行执行。 因此代码本

身的优劣直接决定了代码下载的速度已经执行的效率。

   Javascript优化问题,包括代码下载时间、代码执行时间、优化的一些原则等。
1. Web浏览器下载的是JavaScript的源码,其中包含的长变量名、注释、空格和换行等

多余字符大大减缓了代码的下载的时间。  这些字符对于团队编写代码时十分有效,但是在最

后上传到server,可以考虑删除。 可用到的工具是:JSMin、OnlineJSCompressor等。关键词是:减少代码体积。

具体实例:
(1)  定义数组是不用new Array(),而是直接用"[]"代替;
(2) 对象定义时不用new Object(),而是用"{}"代替。

var arra = new Array() ====> var arra = [];
var obj = new Object() ====> var obj = {};
2. 合理声明变量
在Broswer中,JavaScript默认的变量范围是window对象,也就是全局变量。 全局变量只有在Broswer关闭后才释放。 局部变量通常在function中执行完毕就立即被释放。 故在函数体重要尽可能使用var 关键字来声明变量。

3. 尽量使用内置函数缩短编译时间。
  因为内置的属性、方法都是用类C、C++之类的语言编译过得,运行起来比实施编译的JS快很多。如指数函数等。

4. 合理书写IF语句。
  (1)If语句执行效率并不高,在用if和多个else语句时,一定要把最有可能的情况发在第一位,然后可能性第二的...依次类推。
  (2)通常当超过两种情况是 ,最好使用switch语句。经常使用switch语句替代if语句,可以令执行速度甚至快10倍。 另外case语句可以使用任何类型。

5. 最小化语句数量,脚本中语句越少执行的时间月短,而且代码的提交也会相应减小。例如用var语句定义变量时可以一次定义多个如:
var iNum = 234; var sColo = "red";
====>var iNum = 234,sColo="red";

var s = acas[i];
i++;
====> var s = acas[i++];

6 节约使用DOM(次数), JS对DOM的处理可能是最耗费时间的操作之一。每次JS对DOM的 操作都会改变页面的表现,并重新渲染整个页面,从而有明显的时间消耗。

相关推荐