使用Function.apply()的参数数组化来提高JavaScript程序性能的技巧_javascript技巧

我们先从 Math.max() 函数说起， Math.max后面可以接任意个参数，最后返回所有参数中的最大值。

比如

但是在很多情况下，我们需要找出数组中最大的元素。

对字符串进行循环操作，譬如替换、查找，应使用正则表达式，因为本身JavaScript的循环速度就比较慢，而正则表达式的操作是用C写成的语言的API，性能很好。
高级对象
自定义高级对象和Date、RegExp对象在构造时都会消耗大量时间。如果可以复用，应采用缓存的方式。
DOM相关
插入HTML
很多人喜欢在JavaScript中使用document.write来给页面生成内容。事实上这样的效率较低，如果需要直接插入HTML，可以找一个容器元素，比如指定一个div或者span，并设置他们的innerHTML来将自己的HTML代码插入到页面中。
对象查询
使用[“”]查询要比.items()更快，这和前面的减少对象查找的思路是一样的，调用.items()增加了一次查询和函数的调用。
创建DOM节点
通常我们可能会使用字符串直接写HTML来创建节点，其实这样做
无法保证代码的有效性
字符串操作效率低
所以应该是用document.createElement()方法，而如果文档中存在现成的样板节点，应该是用cloneNode()方法，因为使用createElement()方法之后，你需要设置多次元素的属性，使用cloneNode()则可以减少属性的设置次数——同样如果需要创建很多元素，应该先准备一个样板节点。


定时器
如果针对的是不断运行的代码，不应该使用setTimeout，而应该是用setInterval。setTimeout每次要重新设置一个定时器。


其他
脚本引擎
据我测试Microsoft的JScript的效率较Mozilla的Spidermonkey要差很多，无论是执行速度还是内存管理上，因为JScript现在基本也不更新了。但SpiderMonkey不能使用ActiveXObject


文件优化
文件优化也是一个很有效的手段，删除所有的空格和注释，把代码放入一行内，可以加快下载的速度，注意，是下载的速度而不是解析的速度，如果是本地，注释和空格并不会影响解释和执行速度。
总结
本文总结了我在JavaScript编程中所找到的提高JavaScript运行性能的一些方法，其实这些经验都基于几条原则：


直接拿手头现成的东西比较快，如局部变量比全局变量快，直接量比运行时构造对象快等等。


尽可能少地减少执行次数，比如先缓存需要多次查询的。


尽可能使用语言内置的功能，比如串链接。


尽可能使用系统提供的API，因为这些API是编译好的二进制代码，执行效率很高


同时，一些基本的算法上的优化，同样可以用在JavaScript中，比如运算结构的调整，这里就不再赘述了。但是由于JavaScript是解释型的，一般不会在运行时对字节码进行优化，所以这些优化仍然是很重要的。


当然，其实这里的一些技巧同样使用在其他的一些解释型语言中，大家也可以进行参考。


由于是以前做过的测试，测试代码已经不全，我补充了一部分如下：





附录2


代码1：



代码2：





 代码3： 





 在firefox下测试这两段代码，结果是代码2优于代码1和3，而代码1一般优于代码3，有时会被代码3超过；而在IE 6.0下，测试压力较大的时候（如测试10000次以上）代码2和3则有时候优于代码1，有时候就会远远落后代码1，而在测试压力较小（如5000次），则代码2>代码3>代码1。


代码4：





代码5：





上面两段代码在Firefox和IE下测试结果都是性能接近的。


代码6：





代码7：





代码8：





代码9：



这四段代码在Firefox下6和8的性能接近，7和9的性能接近，而6, 8 < 7, 9；


最后我们来看一下空循环


代码10： 





代码11：



最后的测试出现了神奇的结果，Firefox下代码10所花的时间与代码11所花的大约是24:1。所以它不具备参考价值，于是我没有放在一开始给大家看。 




声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com