eval与function的性能比较

jljlpch

浏览: 324015 次
性别:
来自: 南昌

最近访客更多访客>>

qingsuan

haby0

coldboold

subenkun

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

json IE Firebug JavaScript Firefox

日前，看到一位朋友在eval json串的，采用了

var a=new Function("return "+json);

a();

的方式。

想着人家为什么不用eval 于是就做了一个它们之间的性能测试

<head>				
		<title>代理测试</title>	
        <script type="text/javascript">	
		//var aa="{aa:'xx'}";
       var aa="{name:'cola',item:[{age:11},{age:22},{age:23},{age:23}]}";
        var now=new Date().getTime();
        for(var i=0;i<1000;i++){
           eval("("+aa+")"); 
            }
		var now1=new Date().getTime();
         alert(now1-now);
            
        var now2=new Date().getTime();
        for(var i=0;i<1000;i++){
            var fn=new Function("return"+aa);
            fn();           
            }
		var now3=new Date().getTime();
         alert(now3-now2);
       </script>
	</head>

结果发现在IE中eval是110ms,而fuction是172ms

在FF2中，eval是由1906ms,而fuctnion 187ms

可以看出 FF还是慢于IE6.但是eval在FF是出奇地慢。

可不可以改进一下eval呢？

var morik={};

morik.eval=function(s){

if(navigator.userAgent.toLowerCase().indexOf("msie") > -1)

return eval(s);

else{

var aa=new Function( "return"+s);

return aa.apply(this);

}

};

本想采用

var _e=window.eval;

var eval=fucntion(s){...}，

但是改不了作用域，上下文变量通过函数的能达到一定的效果。

便是this却得不到指向运行eval方法的函数指向的。

因为想兼容以前的代码，没有采用eval.apply(this,[])的方法。

有什么好的方法？

prk 08- 09-11

分享到：

深入剖析ExtJS 2.2实现及应用连载导言 | mootools 1.1.1extend的功能测试

2008-09-11 12:44
浏览 3741
评论(10)
论坛回复 / 浏览 (9 / 11148)
分类:Web前端
查看更多

10 楼鹤惊昆仑 2009-05-09

使用动态生成<script>标签并且设置其text为json的方式，在firefox下可以比eval快2.4倍左右，在IE下没有明显变化。这种方式在JQuery3中被采用了。IE8的JSON.parser据说性能提高不少，我测试时报告错误，后来才搞清是在IE quirk模式下无法使用。

9 楼 night_stalker 2009-05-08

这个问题，可以参看这篇文章：

http://weblogs.asp.net/yuanjian/archive/2009/03/22/json-performance-comparison-of-eval-new-function-and-json.aspx

原因探讨：

firefox 比 IE 慢很多的原因是 firebug 作怪，把 firebug 关了以后，速度就上去了。（最后速度比较： ie8 > ff3 > ie7 > ie6 > ff2 ）
ff 里 eval 慢于 Function 的原因是： js 引擎会 cache 一些结果，如果每次都 eval 不同的字符串，就会发现 eval 总是比 Function 快一点点。

修改后的测试代码及结果：（ff3.0.10，禁用了 firebug）

var benchmark = function(f) {
  var begin = new Date().getTime()
  for(i = 0; i < 3000; i++) f(i);
  //注： 循环次数越小，eval 优势越大。循环次数很大时，两者就很接近了。大概还有其它优化机制在作用。
  alert(new Date().getTime() - begin)
}

var a1 = "{name:'cola', item:[{age:11}, {age:22}, {age:23}, {age:"
var a2 = "}]}"

benchmark(function(i){
  eval("(" + a1 + i + a2 + ")")
})
// 157 ms

benchmark(function(i){
  new Function("return (" + a1 + i + a2 + ")")()
})
// 186 ms

结论：没必要用 Function 代替 eval 。

8 楼 night_stalker 2009-05-08

唔…… 在 ff3 测了下，eval 比 ff2 快很多，但还是比不上 Function。

var benchmark = function(f) {
  var begin = new Date().getTime()
  for(i = 0; i < 1000; i++) f();
  alert(new Date().getTime() - begin)
}

var aa="{name:'cola', item:[{age:11}, {age:22}, {age:23}, {age:23}]}"

benchmark(function(){
  eval("(" + aa + ")")
})
//469

benchmark(function(){
  new Function("return (" + aa + ")")()
})
//174

//改写的 eval
eval = function(s){
  new Function("return (" + aa + ")")()
}

benchmark(function(){
  eval(aa)
})
//226

7 楼 lucane 2009-05-08

学习了，这个确实很严重。。。

6 楼 liyao20050101 2009-03-10

seaprince 写道

有谁研究过为何FF的eval会这么慢吗？是不是工作机制的原因？

期待。。。

5 楼 dualface 2008-09-22

不错不错，学到了

4 楼 seaprince 2008-09-19

有谁研究过为何FF的eval会这么慢吗？是不是工作机制的原因？

3 楼 sp42 2008-09-11

new Function 额外还有指定scope的方便，——选这个了

2 楼 jljlpch 2008-09-11

不过eval在IE中的速度还是蛮快的。

1 楼 achun 2008-09-11

一直在用new Function.
eval关于作用域浏览器见不一致.
还是new Function.对作用域便于控制.
建议彻底放弃eval.

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论