小編這次要給大家分享的是如何使用JavaScript console，文章內(nèi)容豐富，感興趣的小伙伴可以來(lái)了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的蓋州網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

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

Console對(duì)象可以在任何全局對(duì)象中訪問(wèn)，如 Window，WorkerGlobalScope 以及通過(guò)屬性工作臺(tái)提供的特殊定義。

它被瀏覽器定義為 Window.console，也可被簡(jiǎn)單的 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}`)

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

原來(lái)瀏覽器在打印對(duì)象的時(shí)候只是打印的一個(gè)對(duì)象快照信息，當(dāng)你在控制臺(tái)點(diǎn)擊展開(kāi)對(duì)象的時(shí)候，瀏覽器才會(huì)去讀這個(gè)對(duì)象具體屬性，但是那個(gè)時(shí)候，這段代碼早就已經(jīng)運(yùn)行完了

類(lèi)似出現(xiàn)這種，都為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()

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

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

console.assert()

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

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

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

看完這篇關(guān)于如何使用JavaScript console的文章，如果覺(jué)得文章內(nèi)容寫(xiě)得不錯(cuò)的話，可以把它分享出去給更多人看到。