当前位置：控件中国网——中国最专业的商业控件资讯网 >> 技术文档 >> 控件技术 >>

对《30个提高Web程序执行效率的好经验》的理解

作者：葡萄城出处：葡萄城 2010年09月01日阅读：

2. eval()有问题，new Fuction()构造函数也是，尽量避免使用它们。

eval方式比直接调用方式多了一步解析的过程，所以尽量避免使用它，如果必须用它，则最好是把调用的代码包装到函数中，然后eval这个函数，这样减少了解析的时间。eval函数的效率，我们可以用如下的代码测试：

    
            01
            function testNoEval() { 
        
            02
            var startTime = new Date(); 
        
            03
            for(var i=0; i<500000; i++) { 
        
            04
            var str = 'test'; 
        
            05
            } 
        
            06
            var endTime = new Date(); 
        
            07
            document.getElementById('divShowTime1').innerHTML = '耗时1：' +  (endTime - startTime) + 'ms'; 
        
            08
            } 
        
            09
            function testEval() { 
        
            10
            var startTime = new Date(); 
        
            11
            eval("for(var i=0; i<500000; i++) { var str = 'test'; }"); 
        
            12
            var endTime = new Date(); 
        
            13
            document.getElementById('divShowTime2').innerHTML = '耗时2：' +  (endTime - startTime) + 'ms'; 
        
            14
            }

测试结果：

	IE8	Firefox	Chrome
1	耗时1：85ms 耗时2：251ms	耗时1：2ms 耗时2：203ms	耗时1：1ms 耗时2：340ms
2	耗时1：82ms 耗时2：251ms	耗时1：2ms 耗时2：204ms	耗时1：2ms 耗时2：344ms
3	耗时1：81ms 耗时2：250ms	耗时1：2ms 耗时2：205ms	耗时1：1ms 耗时2：338ms
4	耗时1：82ms 耗时2：251ms	耗时1：2ms 耗时2：213ms	耗时1：2ms 耗时2：344ms

测试发现，eval的效率明显慢很多，尤其在Firefox和chrome中。 new Fuction的执行原理和eval类似，所以效率也是不高。

热推产品

ActiveReport... 强大的.NET报表设计、浏览、打印、转换控件，可以同时用于WindowsForms谀坔攀戀Forms平台下......
AnyChart AnyChart使你可以创建出绚丽的交互式的Flash和HTML5的图表和仪表控件。可以用于仪表盘的创......

推荐产品