eval执行效率测试 ——直接调用方法传递参数和通过eval方法调用并传递参数耗时比较

最新推荐文章于 2024-07-19 10:50:26 发布

dreamly12345

最新推荐文章于 2024-07-19 10:50:26 发布

阅读量3.6k

点赞数

文章标签： eval 耗时

今天看JS性能优化中提及不要滥用eval方法，会运行时再次调用解释引擎对内容进行运行。因此想测试下，究竟eval的效率如何

测试中通过直接调用方法传递参数和通过eval方法调用并传递参数，比较不使用eval时和使用eval方式时的差异。

测试代码如下：

[c-sharp]view plaincopy 
   
 <html>  
 <body>  
 <input type=button value="直接调用" οnclick="execFun(fun1)">  
 <input type=button value="eval" οnclick="execFun(fun2)">  
 </body>  
 <mce:script type="text/javascript"><!--  
 // 测试执行次数  
 var times = 500000;  
 /** 
  * 测试方法 
  */  
 function testFun(parm) {  
 }  
 /** 
  * 执行方法 
  */  
 function execFun(fun) {  
     var t1 = new Date();  
     for (var i = 0; i < times; i++) {  
         fun();  
     }  
     var t2 = new Date();  
     alert(t2.getTime() - t1.getTime());  
 }  
 /** 
  * 测试方法1，和测试方法2长度相同 
  */  
 function fun1() {  
     testFun("aaaaaaaaaaaaaaaaaa");  
 }  
 /** 
  * 测试方法2 
  */  
 function fun2() {  
     eval('testFun("aaaaaaaaaa")');  
 }  
 // --></mce:script>  
 </html>  