測試 js 方法運行時間


早期測速的時候是這樣的,呵呵呵,一開始還挺爽的

function testFunctionTime(fn) {
  var start = new Date().getTime();
  if (fn) fn();
  var end = new Date().getTime();
  console.log(end-start);
}

 

但當遇上 ajax 和 img.onload 的時候那就很尷尬了...

於是我找到了 console.time(label) 和 console.timeEnd(label),非常 nice !

在開始的地方寫上 console.time("測試 fn 速度: ") ,在結束的地方寫上 console.timeEnd("測試 fn 速度: ") 

label 得相同,然后你就懂了呀,來,互相傷害

 

此外,我也對 console 產生了一點興趣就去測試了更多它的方法,列幾個個人最近用的較多的:

console.count(label)  輸出運行次數

console.table(object|array)  輸出表格形態的數據(在動態繪制的檢查時用的較多)

console.group(label) 和 console.groupEnd(label) 將 console 結果進行分組(分類及減少輸出版面,但也加大了我們的腦回路呀)(group = groupCollapsed 是一樣的)

console.trace() 檢測方法的調用來源,超級贊

console.profile(label) 和 console.profileEnd(label) 是 time 的升級版,不但測速,直接測性能了,需要到 profile 面板里面才能看到結果

console.assert(boolean, string) 提示報錯可以少個判斷

其實 console.error(), console.info(), console.warn() 實在用得少,用好了應該還是很贊的...吧

至於其他方法個人感覺就很雞肋了,如果你也感興趣,也可以去搜搜看。

 

此外,有個裝逼的好方法,console.log 可以帶樣式喲,趕緊試試吧

console.log("%cHello","color:red");


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM