console的API大全

官網參考地址
https://developer.mozilla.org/zh-CN/docs/Web/API/Console

記錄幾個常用

1.console.log() 可以取代 alert() 或 document.write()，在網頁尾本中使用 console.log() 時，會在瀏覽器控制檯打印出資訊。
2.console.dir() 可以省略console,直接寫dir()。在控制檯中顯示指定JavaScript物件的屬性，並通過類似檔案樹樣式的互動列表顯示。
3.console.time() 可以測試一段JS的執行時間。效能除錯的時候。
4.console.clear() 清空控制檯，快捷鍵ctrl+L，或者控制檯上的清空按鈕
 

console.time()和console.timeEnd()

console.time和console.timeEnd這兩個方法可以用來讓WEB開發人員測量一個javascript指令碼程式執行消耗的時間。
測試JavaScript效能的方法有很多，但console.time/timeEnd兩個方法是最基本、最直接的技巧。

// 啟動計時器
console.time(‘a‘);
// 寫一些測試用程式碼
var sum=0
//這裡寫個小目標，1個億的求和
for (i=0;i<100000000;i++){
    sum+=i
}
console.log(sum)
// 停止計時，輸出時間
console.timeEnd(‘a‘);
 

我的結果如下，注意，控制檯運行了9秒以後，才輸出結果，所以，你要讓JS飛一會兒。