Js利用console計算代碼運行時間的方法示例
前言
本文主要給大家介紹了關于Js用console計算代碼運行時間的相關內容,分享出來供大家參考學習,下面話不多說了,來一起看看詳細的介紹吧。
需求
如果學習前端一定時間以后,就會考慮性能方面的問題。那么問題來了,我們怎么計算出一段代碼的運行時間呢?
使用console.log配合Date對象計算
比如,我們計算sort方法排序十萬個隨機數(shù)組成的數(shù)組需要用多長時間的話,可以這么寫:
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()用法小結
- JavaScript調試技巧之console.log()詳解
- js調試工具Console命令詳解
- javascript代碼調試之console.log 用法圖文詳解
- JavaScript中的console.dir()函數(shù)介紹
- node.js中的console.log方法使用說明
- node.js中的console用法總結
- javascript 在firebug調試時用console.log的方法
- JavaScript中的console.trace()函數(shù)介紹
- 利用Js的console對象,在控制臺打印調式信息測試Js的實現(xiàn)
- node.js中的console.info方法使用說明
- JavaScript console的使用方法實例分析
相關文章
JS/HTML5游戲常用算法之碰撞檢測 包圍盒檢測算法詳解【矩形情況】
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測 包圍盒檢測算法,結合實例形式詳細分析了游戲算法中針對碰撞檢測的包盒矩形情況下的相關算法原理與操作注意事項,需要的朋友可以參考下2018-12-12
Bootstrap滾動監(jiān)聽(Scrollspy)插件詳解
滾動監(jiān)聽插件是用來根據(jù)滾動條所處在的位置自動更新導航項目, 顯示導航項目高亮顯示。這篇文章主要介紹了Bootstrap滾動監(jiān)聽(Scrollspy)插件的相關資料,需要的朋友可以參考下2016-04-04
Bootstrap在線電子商務網(wǎng)站實戰(zhàn)項目5
這篇文章主要為大家分享了Bootstrap在線電子商務網(wǎng)站實戰(zhàn)項目,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10
javascript實現(xiàn)拖動層效果代碼(符合標準且兼容IE,chrome,firefox)
javascript實現(xiàn)拖動層,原理很簡單,就是根據(jù)鼠標的位置實時設置層的left和top2013-06-06

