首頁 > web前端 > js教程 > Js如何利用console計算程式碼運行時間

Js如何利用console計算程式碼運行時間

小云云
發布: 2018-02-02 13:19:39
原創
1246 人瀏覽過

如果學習前端一定時間以後,就會考慮效能方面的問題。那麼問題來了,我們要怎麼計算出一段程式碼的運行時間呢?發現了計算程式碼執行時間的方法,所以本文主要為大家介紹關於Javascript利用console計算程式碼運行時間的相關資料,文中透過範例程式碼介紹的非常詳細,需要的朋友可以參考下,希望能幫助大家。

使用console.log配合Date物件計算

例如,我們計算sort方法排序十萬個隨機數字組成的陣列需要用多長時間的話,可以這麼寫:

    var arr = [];
    for(var i=0; i<100000; i++){
      arr.push(Math.random());
    }
    var beginTime = +new Date();
    arr.sort();
    var endTime = +new Date();
    console.log("排序用时共计"+(endTime-beginTime)+"ms");
登入後複製

最後在控制台會顯示:

排序用时共计552ms
登入後複製

下面,再介紹一個更靈活更準確的方法。

使用console.time進行時間計算

這種方法比上一種更準確,而且專門為效能產生的方法:
測試案例:

    var arr = [];
    for(var i=0; i<100000; i++){
      arr.push(Math.random());
    }
    console.time("sort");
    arr.sort();
    console.timeEnd("sort");
登入後複製

控制台會列印出:

sort: 542.668701171875ms
登入後複製

這種方法在需要測試的起始位置寫上console.time,並且括號內傳一個字串。在結束的位置使用console.timeEnd方法,並再次把字串傳入。

個人推薦第二種方式。

相關推薦:

Javascript調試指令不只Console.log()

詳解Laravel的任務調度console

######################################################### #######JS的使用過程中如何自訂console物件######

以上是Js如何利用console計算程式碼運行時間的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板