在我們開發過程中,我們也在不斷的學習,以及優化自己的代碼質量。
我們時常需要一個計時器,來對代碼某段或者某些段執行進行計時,以評估代碼運行質量,考慮是否優化。 以及優化后的直觀對比。
JavaScript中,console
已經向我們提供了方便的計時方法。 - Timer
為了計算特定操作的時耗,console
對象中引入了對計時器的支持。
用法很簡單:
開始計時:
console.time()
方法,我們只需要給定一個string
作為唯一參數即可,該字符串也就是我們計時器的名字。
停止計時,並打印出執行時耗:
console.timeEnd()
方法,只需要把計時器的名字傳入作為參數即可。
“暫停”
你可能會需要在中間打“斷點”,例如,點擊按鈕調用一個方法的耗時。
console.timeLog
方法,同樣只需要傳如計時器名稱。
示例
console.time("answer time");
alert("Click to continue");
console.timeLog("answer time");
alert("Do a bunch of other stuff...");
console.timeEnd("answer time");
將記錄用戶解除警報框所需的時間,將時間記錄到控制台,等待用戶解除第二個警報,然后將結束時間記錄到控制台:
特別需要注意的是,time,timeEnd,timeLog 都需要同一個字符串作為參數,來構造同一個計時器。 而頁面上最多可以同時運行10,000個計時器。
我們用到的最多的console.time()
和console.timeEnd()
方法,打在執行代碼段的兩頭