首頁 > 文章 > web前端 > Js利用console計算程式碼運行時間的方法範例

Js利用console計算程式碼運行時間的方法範例

韦小宝原創: 2018-01-15 11:35:341234瀏覽

最近看了一本書，發現了個計算程式碼執行時間的方法，感覺還挺有用的，所以這篇文章主要給大家介紹了關於Javascript利用console計算程式碼運行時間的相關資料，文中透過js範例程式碼介紹的非常詳細，對JavaScript有興趣的朋友可以參考下本篇文章。

前言

本文主要介紹了Js用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方法，並再次把字串傳入。

個人推薦第二種方式。

總結

以上就是這篇文章的所有內容，希望對大家學習提供到幫助！！

Js利用console計算程式碼運行時間的方法範例

相關文章