此文為筆者測(cè)試后的一些整理腕巡，幫助筆者記憶陡叠。筆者為前端小白敬尺，故不建議將此文作為教程使用。如筆者理解有誤還望大佬多多指教留搔。
一. console.log
常用方法
console.log("這是一段文字")
console.log(1234)
console.log({id:1})
輸出結(jié)果
占位符
console支持的占位符有：字符（%s）更胖、整數(shù)（%d或%i）、浮點(diǎn)數(shù)（%f）隔显、對(duì)象（%o)和css（%c)却妨。
普通占位符
//字符串 (%s)
console.log("%s測(cè)試%s","字符串","占位");
//整數(shù) (%d ro %i)
console.log("%d年%i月%d日",2019,4,1.11);
//浮點(diǎn)數(shù) (%f)
console.log("%f測(cè)試%f",1,1.11)
//dom節(jié)點(diǎn) (%o)
console.log("%o",document.getElementById("div"))
//dom節(jié)點(diǎn)對(duì)象展開(kāi) (%O)
console.log("%O",document.getElementById("div"))
輸出結(jié)果
注意%o與%O，在輸出普通對(duì)象時(shí)它們并沒(méi)有什么不同括眠，但是對(duì)于dom節(jié)點(diǎn)來(lái)說(shuō)他們的輸出形式是完全不同的彪标，如果你想查看dom節(jié)點(diǎn)的屬性那么請(qǐng)嘗試用%O占位符。
CSS占位符
console.log在控制臺(tái)打印的內(nèi)容是可以添加樣式的（如字號(hào)掷豺，顏色等）捞烟，一些網(wǎng)站就利用這個(gè)功能做出了不錯(cuò)的效果。如圖:
百度控制臺(tái)的效果
嗶哩嗶哩控制臺(tái)的效果
翠花萌业，上代碼
console.log('測(cè)試%c測(cè)試','background:#aaa;color:#f44');
console.log('%c測(cè)試%c測(cè)試','background:#aaa;color:#f44','background:#000;color:#fff;font-size:22px;');
輸出結(jié)果
注意：%c占位符只會(huì)給占位符后的文字添加樣式坷襟，作用范圍為%c到此語(yǔ)句結(jié)束（并不會(huì)因?yàn)橄乱粋€(gè)%c占位符的存在而結(jié)束）。在文字內(nèi)容前方離文字越近的占位符的樣式優(yōu)先級(jí)越高生年。
它的兄弟姐妹
//其實(shí)可以直接把它們打印出來(lái)
console.log(console);
輸出結(jié)果
未完待續(xù)...
