本文例項講述了JavaScript console的使用方法。分享給大家供大家參考，具體如下：

Console 物件提供對瀏覽器控制檯的接入（如：Firefox 的 Web Console）。不同瀏覽器上它的工作方式是不一樣的，但這裡會介紹一些大都會提供的介面特性。

Console物件可以在任何全域性物件中訪問，如 Window，WorkerGlobalScope 以及通過屬性工作臺提供的特殊定義。

它被瀏覽器定義為 Window.console，也可被簡單的 console 呼叫。

方法

console.log()

console.log(obj1 [,obj2,...,objN);
console.log(msg [,subst1,substN);
console.log('String: %s,Int: %d,Float: %f,Object: %o',str,ints,floats,obj)
console.log(`temp的值為: ${temp}`)

對於列印物件資料的時候要注意：

原來瀏覽器在列印物件的時候只是列印的一個物件快照資訊，當你在控制檯點選展開物件的時候，瀏覽器才會去讀這個物件具體屬性，但是那個時候，這段程式碼早就已經執行完了

類似出現這種，都為null的情況：

SyntheticClipboardEvent {dispatchConfig: {…},_targetInst: ReactDOMComponent,nativeEvent: ClipboardEvent,type: "paste",target: input,…}
bubbles: null
cancelable: null
clipboardData: null

currentTarget: null
defaultPrevented: null
dispatchConfig: null
eventPhase: null
isDefaultPrevented: null
isPropagationStopped: null
isTrusted: null
nativeEvent: null
target: null
timeStamp: null
type: null
_dispatchInstances: null
_dispatchListeners: null
_targetInst: null
__proto__: SyntheticEvent

console.table()

這個方法需要一個必須引數 data，data 必須是一個數組或者是一個物件；還可以使用一個可選引數 columns。

表格的第一列是 index。如果資料 data 是一個數組，那麼這一列的單元格的值就是陣列的索引。 如果資料是一個物件，那麼它們的值就是各物件的屬性名稱。 注意（在 FireFox 中）console.table 被限制為只顯示1000行（第一行是被標記的索引（原文：labeled index））。

console.assert()

console.assert為斷言輸出。第一個引數的表示式值為false時，則列印輸出後面引數的值，否則為 true，則無輸出並繼續執行程式。例如：

function notEqual(a,b) {
  console.assert(a === b,{
    msg: 'a is not equal b',a: a,b: b
  });
}

// console.assert
notEqual({a: 1},{a: 2});

console.time

你可以啟動一個計時器（timer）來跟蹤某一個操作的佔用時長。每一個計時器必須擁有唯一的名字，頁面中最多能同時執行10,000個計時器。當以此計時器名字為引數呼叫 console.timeEnd() 時，瀏覽器將以毫秒為單位，輸出對應計時器所經過的時間.

感興趣的朋友可以使用線上HTML/CSS/JavaScript程式碼執行工具：http://tools.jb51.net/code/HtmlJsRun測試上述程式碼執行效果。

更多關於JavaScript相關內容感興趣的讀者可檢視本站專題：《JavaScript錯誤與除錯技巧總結》、《JavaScript傳值操作技巧總結》、《javascript編碼操作技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查詢演算法技巧總結》、《JavaScript動畫特效與技巧彙總》、《JavaScript資料結構與演算法技巧總結》、《JavaScript遍歷演算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程式設計有所幫助。