[程式碼&DEMO] [HackMD完整筆記]

目標

除了我們一般熟悉的console.log用法,學習更多開發工具中console物件的相關方法。

步驟流程

STEP.1

學習筆記

.log 更多用法

• %s : 字串
• %d : 整数
• %f : 浮點數
• %o : Object
• %c : 設定輸出的樣式

console.warning()

顯示警告圖示

console.error()

顯示錯誤圖示

console.info()

顯示資訊圖示

console.assert()

如果表達式返回的值是false，主控台會顯示錯誤訊息。
語法:
console.assert(assertion, obj1 [, obj2, ..., objN]);

console.clear()

清除console中所有訊息

console.dir()

在console中輸出以JavaScript形式表示的指定對象。以類似樹狀文件的列表顯示。
比較:
console.log(abc)只返回abc本身的function內容，
console.dir(abc)則可返回abc本身及其擁有的屬性。