Js利用console計算代碼運(yùn)行時間的方法示例
前言
本文主要給大家介紹了關(guān)于Js用console計算代碼運(yùn)行時間的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧。
需求
如果學(xué)習(xí)前端一定時間以后,就會考慮性能方面的問題。那么問題來了,我們怎么計算出一段代碼的運(yùn)行時間呢?
使用console.log配合Date對象計算
比如,我們計算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("排序用時共計"+(endTime-beginTime)+"ms");
最后在控制臺會顯示:
排序用時共計552ms
下面,再介紹一種更靈活更準(zhǔn)確的方法。
使用console.time進(jìn)行時間計算
這種方法比上一種更準(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的實現(xiàn)
- node.js中的console.info方法使用說明
- JavaScript console的使用方法實例分析
相關(guān)文章
JSQL 基于客戶端的成績統(tǒng)計實現(xiàn)方法
JSQL應(yīng)用案例 基于客戶端的成績統(tǒng)計,下面我把整個example的代碼貼出來,歡迎拍磚2010-05-05微信小程序?qū)崿F(xiàn)的涂鴉功能示例【附源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)的涂鴉功能,涉及微信小程序事件響應(yīng)及畫筆的相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-01-01關(guān)于Javascript 對象(object)的prototype
Javascript中的每個對象(object)都會有 prototype,下面為大家介紹下其具體的應(yīng)用2014-05-05