This Domain(Admin5.com) is for Sale:

如何优化JavaScript脚本的性能

时间:2007-12-27  来源:不详  作者:林子

3. 对于自定义的对象,假如定义了toString()方法来进行类型转换的话,推荐显式调用toString(),因为内部的操作在尝试所有可能性之后,会尝试对象的toString()方法尝试能否转化为String,所以直接调用这个方法效率会更高

内容来自dedecms

使用直接量
其实这个影响倒比较小,可以忽略。什么叫使用直接量,比如,JavaScript支持使用[param,param,param,...]来直接表达一个数组,以往我们都使用new Array(param,param,...),使用前者是引擎直接解释的,后者要调用一个Array内部构造器,所以要略微快一点点。

本文来自织梦

同样,var foo = {}的方式也比var foo = new Object();快,var reg = /../;要比var reg=new RegExp()快。 内容来自dedecms

字符串遍历操作
对字符串进行循环操作,譬如替换、查找,应使用正则表达式,因为本身JavaScript的循环速度就比较慢,而正则表达式的操作是用C写成的语言的API,性能很好。 织梦好,好织梦

高级对象
自定义高级对象和Date、RegExp对象在构造时都会消耗大量时间。假如可以复用,应采用缓存的方式。 dedecms.com

DOM相关
插入HTML
很多人喜欢在JavaScript中使用document.write来给页面生成内容。事实上这样的效率较低,假如需要直接插入HTML,可以找一个容器元素,比如指定一个div或者span,并设置他们的innerHTML来将自己的HTML代码插入到页面中。 织梦好,好织梦

对象查询
使用[“”]查询要比.items()更快,这和前面的减少对象查找的思路是一样的,调用.items()增加了一次查询和函数的调用。 copyright dedecms

创建DOM节点
通常我们可能会使用字符串直接写HTML来创建节点,其实这样做

织梦内容管理系统

无法保证代码的有效性

本文来自织梦

字符串操作效率低 织梦内容管理系统

所以应该是用document.createElement()方法,而假如文档中存在现成的样板节点,应该是用cloneNode()方法,因为使用createElement()方法之后,你需要设置多次元素的属性,使用cloneNode()则可以减少属性的设置次数——同样假如需要创建很多元素,应该先预备一个样板节点。

内容来自dedecms

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

内容来自dedecms

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

织梦内容管理系统

文件优化
文件优化也是一个很有效的手段,删除所有的空格和注释,把代码放入一行内,可以加快下载的速度,注重,是下载的速度而不是解析的速度,假如是本地,注释和空格并不会影响解释和执行速度。 copyright dedecms

总结
本文总结了我在JavaScript编程中所找到的提高JavaScript运行性能的一些方法,其实这些经验都基于几条原则: 织梦好,好织梦

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

copyright dedecms

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

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

dedecms.com

尽可能使用系统提供的API,因为这些API是编译好的二进制代码,执行效率很高 本文来自织梦

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

织梦好,好织梦

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

copyright dedecms

参考
http://www.umsu.de/jsperf/ 各种浏览器的测试对比 本文来自织梦

http://home.earthlink.net/~kendrasg/info/js_opt/ 本文来自织梦

附录1
由于是以前做过的测试,测试代码已经不全,我补充了一部分如下:

看完这篇,您有何感觉呢?

文章评论

共有位Admini5网友发表了评论 查看完整内容

24小时热门信息