雲栖号資訊：【 點選檢視更多行業資訊】
在這裡您可以找到不同行業的第一手的上雲資訊，還在等什麼，快來！
我們知道 console.log(message)用法很簡單，表示将參數message 列印到控制台上。
本文主要介紹5個有用的技巧，可幫助你在使用console.log()時提高工作效率。
1. 列印全名變量
如果在控制台列印多個變量，是數量比較多的情況下，我們很難差別哪個變量對應哪個值。
執行上述代碼後，我們隻會看到一系列數字：
要表示值和變量之間關系，可以用花括号把變量包起來：{b}：
2.進階格式化
将某些東西列印到控制台最常見方法是簡單地使用一個參數調用console.log()：
有時我們可能想要一條包含多個變量的資訊。 幸運的是，console.log()可以使用％s，％i等說明符以sprintf()的方式格式化字元串。
％s和％i被user和attempts的值替換。 說明符％s轉換為字元串，而％i轉換為數字。
以下是可用說明符的清單：
具有樣式的列印風格
浏覽器控制台允許我們将樣式應用于列印的消息，我們可以通過将％c說明符與相應的CSS樣式一起使用來實作，如下所示：
說明符％c應用CSS樣式'font-size: 36px; font-weight: bold'
4. 互動展示
日志樣式化依賴于主機的控制台實作。像Chrome和Firefox這樣的浏覽器提供對象和數組的互動展示，而 Node 控制台輸出為文本。
來看看Chrome如何列印普通對象，數組和DOM樹，可以通過展開和折疊與這些元素進行互動。
4.1 Objects
在Chrome控制台中，myObject的列印如下所示：
可以展開和折疊對象屬性清單，也可以看到對象的原型。
4.2 Arrays
4.3 DOM 樹結構
我們可以直接與控制台中顯示的DOM元素進行互動。
在Chrome控制台中，可以擴充DOM元素，并可以全面浏覽其内容：
4.4 互動式嵌套裡的消息
％o說明符（為值關聯了正确的列印格式）可以在文本消息中插入數組，對象，DOM元素和正常文本，而不會失去互動性。
從控制台看，myObject數組不會轉換為字元串，而是保持互動性。
5.在 Node 控制台中列印大對象
Node中的log以純文字形式輸出。 但是，Node 中的console.log()不會顯示具有深層嵌套的對象：第3級的對象顯示為[Object]。
運作腳本時，propC的對象列印為[Object]：
要檢視完整的對象結構，可以使用JSON.stringify():
JSON.stringify(myObject, null, 2)傳回該對象的JSON表示形式，第三個參數2在空格中設定縮進大小。
希望這5個技巧可以使你使用 console.log() 體驗更加高效。
【雲栖号線上課堂】每天都有産品技術專家分享！
課程位址：
https://yqh.aliyun.com/zhibo立即加入社群，與專家面對面，及時了解課程最新動态！
【雲栖号線上課堂 社群】
https://c.tb.cn/F3.Z8gvnK
原文釋出時間：2020-03-25
本文作者：Dmitri Pavlutin
本文來自：“掘金”，了解相關資訊可以關注“掘金”