js控制台輸出的方法(詳解)

console.log(object[, object, ...])

在控制台輸出一則訊息。如果有多個參數，輸出時會用空格隔開這些參數。

第一個參數可以是一個包含格式化佔位符輸出的字串，例如：

console.log("The %s jumped over %d tall buildings", animal, count);

上面的範例可以用下面的無格式化佔位符輸出的程式碼替換：

console.log("The", animal, "jumped over", count, "tall buildings");

並且，這兩種方式是可以組合使用的。如果使用了格式化佔位符，而提供的參數的個數多於佔位符的個數，那麼，多餘的參數會以空格分隔的方式附加在字串後面，就像：

console.log ("I am %s and I have:", myName, thing1, thing2, thing3);

如果參數是一個Javascript對象，那麼在控制台輸出的就不是靜態文字，而是一個可交互的超鏈接，點選超連結可以查看該物件的HTML, CSS, Script, DOM窗口，可用格式化字串%o取代Javascript物件。

console.log("Body tag is %o", document.body);

格式化字串清單：

console.debug(object[

console.debug(object[,object[,object, object)控制台輸出一則訊息，包含一個指向程式碼呼叫位置的超連結。假如是直接在控制台輸入該指令，就不會出現超連結（和console.log()一樣）。

console.info(object[, object, ...])

在控制台輸出一條帶有「訊息」圖示的訊息和一個指向程式碼呼叫位置的超連結。

console.warn(object[, object, ...])

在控制台輸出一條帶有「警告」圖示的訊息和一個指向程式碼呼叫位置的超連結。

console.error(object[, object, ...])

在控制台輸出一條帶有「錯誤」圖示的訊息和一個指向程式碼呼叫位置的超連結。

console.assert(expression[, object, ...])

測試表達式expression是否為真。如果不是真，會在控制台寫一條訊息並拋出異常

console.dir(object)

以列表形式輸出一個物件的所有屬性，有點和你查看DOM視窗相類似。

console.dirxml(node)

輸出一個HTML或XML元素的XML原始碼。和你在HTML視窗看到的相似。

console.trace()

Prints an interactive stack trace of JavaScript execution at the point where it is called.

The stack trace details the functions on the stack, as well as the values that were passed as arguments to each function. You can click each function to take you to its source in the Script tab, and click each argument value to inspect it in the DOM or HTML tabs.

console.group(object[, object, ...])

輸出一則訊息，並開啟一個巢狀區塊，區塊中的內容都會縮排。呼叫console.groupEnd()關閉區塊。該命令可以嵌套使用。

console.groupEnd()

關閉最近一個由console.group開啟的區塊。

console.time(name)

建立一個名字為name的計時器，呼叫console.timeEnd(name)停止計時器並輸出所耗時間（毫秒）。

console.timeEnd(nam)

🎜