爱奇思

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

最近在看松散耦合可定制百度的开源框架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%效率。