爱奇思

学习就是——从糊涂中慢慢走向清醒，然后再从清醒中慢慢走向糊涂，所以说我说它是一个O,只是圆的半径慢慢的扩大罢了！
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题

Posted on 2012-02-29 11:17  牛牛博客  阅读(2864)  评论(5)  编辑  收藏  举报

最近在看松散耦合可定制百度的开源框架tangram.js目光突然就聚焦在一种获得毫秒数的写法:

（+new Date()） 

 其实这种写法也没什么就是用运算符转化日期为number型，于是我肯定这种写法没有日期原生写法（new Date().getTime()）效率高 :

于是做了下面测试：

  1 <!DOCTYPE html> 

 2 <html>
 3 <head>
 4 <meta charset="utf-8" />
 5 <title>关于Date转化成毫秒数的测试</title>
 6 <style type="text/css">
 7     <!--
 8     body{font-size:12px;}
 9     table{border-top:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}
10     th,td{padding:5px;text-align:center;}
11     th{background:#444;color:#fff;}
12     td{border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
13     //-->
14 </style>
15 </head>
16 
17 <body>
18    <script language="javascript" type="text/javascript">
19 // <![CDATA[
20 
21         (function () {
22             
23             var bank=function(){};
24             var d1,d2,d3,temp;
25 
26             var d1=new Date();
27             for(var i=0;i<1000000;i++){
28                 temp=new Date().getTime();
29             }
30             var d2=new Date();
31             for(var i=0;i<1000000;i++){
32                 temp=(+new Date());
33             }
34             var d3=new Date();
35             //打印
36             document.write('第一次循环所用时间：'+(d2-d1)+'<br/>第一次循环所用时间：'+(d3-d2));
37         })();
38 
39 // ]]>
40     </script>
41 </body>
42 </html>

 

分别循环一百万次次后在不同浏览器的结果如下：

IE6:

第一次循环所用时间：3406

第一次循环所用时间：5313 

IE7:

第一次循环所用时间：3594

第一次循环所用时间：5000 

 IE8:

第一次循环所用时间：2735

第一次循环所用时间：3453 

chrome:

第一次循环所用时间：210

第一次循环所用时间：337 

 opera\safari\firefox

基本上相差 100ms，但仍是最后一种慢

 

结论：证明我是正确的+new Date（）写法比new Date().getTime()效率低，原因进行了类型转化，通常我们常用的数量级（一万次以内）不是很大，所以在个浏览器几乎不用考虑执行效率的问题，所以第一种写法用起来计较好，还节省了9个字符。当用js游戏开发时，当用到大数量级的时，建议原生写法。可以提高20%效率。