關於js日期轉化為毫秒數“節省20%的效率和和節省9個字符“問題


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM