Js利用console計(jì)算代碼運(yùn)行時間的方法示例
前言
本文主要給大家介紹了關(guān)于Js用console計(jì)算代碼運(yùn)行時間的相關(guān)內(nèi)容，分享出來供大家參考學(xué)習(xí)，下面話不多說了，來一起看看詳細(xì)的介紹吧。
需求
如果學(xué)習(xí)前端一定時間以后，就會考慮性能方面的問題。那么問題來了，我們怎么計(jì)算出一段代碼的運(yùn)行時間呢？
使用console.log配合Date對象計(jì)算
比如，我們計(jì)算sort方法排序十萬個隨機(jī)數(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("排序用時共計(jì)"+(endTime-beginTime)+"ms");
最后在控制臺會顯示：
排序用時共計(jì)552ms
下面，再介紹一種更靈活更準(zhǔn)確的方法。
使用console.time進(jìn)行時間計(jì)算
這種方法比上一種更準(zhǔn)確，而且專門為性能產(chǎn)生的方法：
測試案例：
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，并且括號內(nèi)傳一個字符串。在結(jié)束的位置使用console.timeEnd方法，并再次把字符串傳入。
個人推薦第二種方式。
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
- javascript的console.log()用法小結(jié)
- JavaScript調(diào)試技巧之console.log()詳解
- js調(diào)試工具Console命令詳解
- javascript代碼調(diào)試之console.log 用法圖文詳解
- JavaScript中的console.dir()函數(shù)介紹
- node.js中的console.log方法使用說明
- node.js中的console用法總結(jié)
- javascript 在firebug調(diào)試時用console.log的方法
- JavaScript中的console.trace()函數(shù)介紹
- 利用Js的console對象,在控制臺打印調(diào)式信息測試Js的實(shí)現(xiàn)
- node.js中的console.info方法使用說明
- JavaScript console的使用方法實(shí)例分析
相關(guān)文章
H5微信公眾號授權(quán)的簡單實(shí)現(xiàn)步驟
如果用戶在微信客戶端中訪問第三方網(wǎng)頁,公眾號可以通過微信網(wǎng)頁授權(quán)機(jī)制,來獲取用戶基本信息,進(jìn)而實(shí)現(xiàn)業(yè)務(wù)邏輯,這篇文章主要給大家介紹了關(guān)于微信公眾號授權(quán)的相關(guān)資料,需要的朋友可以參考下2021-07-07
JS/HTML5游戲常用算法之碰撞檢測 包圍盒檢測算法詳解【矩形情況】
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測 包圍盒檢測算法,結(jié)合實(shí)例形式詳細(xì)分析了游戲算法中針對碰撞檢測的包盒矩形情況下的相關(guān)算法原理與操作注意事項(xiàng),需要的朋友可以參考下2018-12-12
Bootstrap滾動監(jiān)聽（Scrollspy）插件詳解
滾動監(jiān)聽插件是用來根據(jù)滾動條所處在的位置自動更新導(dǎo)航項(xiàng)目， 顯示導(dǎo)航項(xiàng)目高亮顯示。這篇文章主要介紹了Bootstrap滾動監(jiān)聽（Scrollspy）插件的相關(guān)資料,需要的朋友可以參考下2016-04-04
這篇文章主要為大家詳細(xì)介紹了JS+CSS實(shí)現(xiàn)3D切割輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
Bootstrap在線電子商務(wù)網(wǎng)站實(shí)戰(zhàn)項(xiàng)目5
這篇文章主要為大家分享了Bootstrap在線電子商務(wù)網(wǎng)站實(shí)戰(zhàn)項(xiàng)目，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡單日歷特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
在本文中給大家分享如何使用raphael.js來完成地圖交互,raphael.js是一個很小的javascript庫，它可以在網(wǎng)頁中實(shí)現(xiàn)繪制各種矢量圖、各類圖表、以及圖像裁剪、旋轉(zhuǎn)、運(yùn)動動畫等等功能,需要的朋友可以參考下2014-02-02
javascript實(shí)現(xiàn)拖動層效果代碼(符合標(biāo)準(zhǔn)且兼容IE,chrome,firefox)
javascript實(shí)現(xiàn)拖動層，原理很簡單，就是根據(jù)鼠標(biāo)的位置實(shí)時設(shè)置層的left和top2013-06-06
JavaScript實(shí)現(xiàn)簡單圖片滾動附源碼下載
JavaScript實(shí)現(xiàn)簡單圖片滾動，9張圖告訴你，C羅欲哭無淚，另附源碼下載，方便學(xué)習(xí)2014-06-06
這篇文章主要介紹了target="_new"和"_blank"的區(qū)別實(shí)例詳解,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-10-10