思洋互动网站建设学前班

5、避免双重解释

双重解释的情况也是我们经常会碰到的，有的时候我们没怎么考虑到这种情况会影响到效率，双重解释一般在我们使用eval、new Function和setTimeout等情况下会遇到，我们看看下面的例子：
广州网站建设,网站建设,广州网页设计,广州网站设计

1. <div id="demo"></div>   
2. <input id="but1" type="button" onclick="func1()" value="效率低"/>   
3. <input id="but2" type="button" onclick="func2()" value="效率高"/>   

1. var sum, num1 = 1, num2 = 2;   
2. function func1(){   
3.     var start = new Date().getTime();   
4.     for(var i = 0; i < 10000; i++){   
5.         var func = new Function("sum+=num1;num1+=num2;num2++;");   
6.         func();   
7.     }   
8.     var end = new Date().getTime();   
9.     alert("用时 " + (end - start) + " 毫秒");   
10. }   
11.     
12. function func2(){   
13.     var start = new Date().getTime();   
14.     for(var i = 0; i < 10000; i++){   
15.         sum+=num1;   
16.         num1+=num2;   
17.         num2++;   
18.     }   
19.     var end = new Date().getTime();   
20.     alert("用时 " + (end - start) + " 毫秒");   
21. } 

第一种情况我们是使用了new Function来进行双重解释，而第二种是避免了双重解释，我们看看在不同浏览器下的表现：

可以看到，在所有的浏览器中，双重解释都是有很大开销的，所以在实际当中要尽量避免双重解释。

感谢"SeaSunK"对第四点测试报告错误的指正，现在已经修改过来了。至于最后一点提出的func1每次都初始化，没有可比性，所以我给换了eval，结果发现，在IE6.0下还是有影响，而且在Firefox下，使用eval对效率的影响程度更加厉害，在Firefox下，如果10000次循环，需要十多秒的时间，所以我把循环都变成了1000次。看代码和报告。

1. var sum, num1 = 1, num2 = 2;   
2. function func1(){   
3.     var start = new Date().getTime();   
4.     for(var i = 0; i < 1000; i++){   
5.         eval("sum+=num1;num1+=num2;num2++;");   
6.     }   
7.     var end = new Date().getTime();   
8.     alert("用时 " + (end - start) + " 毫秒");   
9. }   
10. function func2(){   
11.     var start = new Date().getTime();   
12.     for(var i = 0; i < 1000; i++){   
13.         sum+=num1;   
14.         num1+=num2;   
15.         num2++;   
16.     }   
17.     var end = new Date().getTime();   
18.     alert("用时 " + (end - start) + " 毫秒");   
19. } 

原文链接：http://www.cnblogs.com/lookhan/archive/2012/06/14/2549639.html