怎么在JavaScript中使用console.time()與console.timeEnd()查看代碼運行效率

這篇文章給大家介紹怎么在JavaScript中使用console.time()與console.timeEnd()查看代碼運行效率，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創新互聯是一家集網站建設,翁牛特企業網站建設,翁牛特品牌網站建設,網站定制,翁牛特網站建設報價,網絡營銷,網絡優化,翁牛特網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

程序運行時間計算：

注意：測試代碼運行時間的話console.time()與console.timeEnd()要一起使用，這是一個組合；這兩個之間的代碼就是要運行測試程序的時間

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <ul id="list">
  </ul>
</body>
<script>
  window.onload = function () {
    //優化升級版
    //先創建數組，把節點追加到數組里，再把數組裁切
    //innerHTML只需解析1遍
    var list = document.getElementById('list');
    // 計算運行時間開始
    console.time("數組拼接時間");
    var arr = [];
    for(var i=0;i<10000;i++){
      arr.push("<li>通過js創建的第"+(i+1)+"個數據</li>");
    }
    list.innerHTML = arr.join("");
    // 計算運行時間結束
    console.timeEnd("數組拼接時間");
  }
</script>
</html>

怎么在JavaScript中使用console.time()與console.timeEnd()查看代碼運行效率