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

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

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

它被瀏覽器定義為 Window.console，也可被簡單的 console 調(diào)用。

方法

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}`)

對于打印對象數(shù)據(jù)的時候要注意：

原來瀏覽器在打印對象的時候只是打印的一個對象快照信息，當(dāng)你在控制臺點擊展開對象的時候，瀏覽器才會去讀這個對象具體屬性，但是那個時候，這段代碼早就已經(jīng)運行完了

類似出現(xiàn)這種，都為null的情況：

SyntheticClipboardEvent {dispatchConfig: {…}, _targetInst: ReactDOMComponent, nativeEvent: ClipboardEvent, type: 'paste', target: input, …}bubbles: nullcancelable: nullclipboardData: nullcurrentTarget: nulldefaultPrevented: nulldispatchConfig: nulleventPhase: nullisDefaultPrevented: nullisPropagationStopped: nullisTrusted: nullnativeEvent: nulltarget: nulltimeStamp: nulltype: null_dispatchInstances: null_dispatchListeners: null_targetInst: null__proto__: SyntheticEvent

console.table()

這個方法需要一個必須參數(shù) data，data 必須是一個數(shù)組或者是一個對象；還可以使用一個可選參數(shù) columns。

表格的第一列是 index。如果數(shù)據(jù) data 是一個數(shù)組，那么這一列的單元格的值就是數(shù)組的索引。 如果數(shù)據(jù)是一個對象，那么它們的值就是各對象的屬性名稱。 注意（在 FireFox 中）console.table 被限制為只顯示1000行（第一行是被標(biāo)記的索引（原文：labeled index））。

console.assert()

console.assert為斷言輸出。第一個參數(shù)的表達(dá)式值為false時，則打印輸出后面參數(shù)的值，否則為 true，則無輸出并繼續(xù)執(zhí)行程序。例如：

function notEqual(a, b) { console.assert(a === b, { msg: ’a is not equal b’, a: a, b: b });}// console.assertnotEqual({a: 1}, {a: 2});

console.time

你可以啟動一個計時器（timer）來跟蹤某一個操作的占用時長。每一個計時器必須擁有唯一的名字，頁面中最多能同時運行10,000個計時器。當(dāng)以此計時器名字為參數(shù)調(diào)用 console.timeEnd() 時，瀏覽器將以毫秒為單位，輸出對應(yīng)計時器所經(jīng)過的時間.

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

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript傳值操作技巧總結(jié)》、《javascript編碼操作技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。