【譯】你不知道的Chrome調試工具技巧第三天：console methods （內有做者關於譯文的回覆）

特別聲明

本文是做者 Tomek Sułkowski 發佈在 medium 上的一個系列。
版權歸原做者全部。
vue

前兩篇的翻譯連接我已經給到了做者本人，雖然他不理解中文，可是他仍是很開心哈哈,咱們也把外國友人帶到掘金啦，哈哈，截圖在最後
node

譯者在翻譯前已經和做者溝通獲得了翻譯整個系列的受權。
爲了避免影響你們閱讀，受權的記錄在這裏
git

在立刻就要迎來假期的這 24 天裏，我將會發布一系列短篇的文章，關於如何更加有意思的使用開發工具，昨天咱們說到了第 8 個,因此今天咱們就從 9 開始：github

圖片來源於 MDN-console/assert

當咱們傳入的第一個參數爲假時，console.assert打印跟在這個參數後面的值。當你須要在特殊狀況下打印一些信息的時候這頗有用 - 如今你能夠在不使用if表達式的狀況下作到這件事情。另外，你還能夠白白獲得一個堆棧的跟蹤信息；-）數組

請注意，若是你使用的 NodeJS 版本 ≤ 10.0 ,那可能會中斷後面代碼的執行，可是在. 10的版本中被修復了(固然，在瀏覽器中使用是徹底安全的)瀏覽器

使人驚訝的是，這一個小技巧在開發者中並無多少人知道。若是你有一個數組(或者是類數組的對象，或者就是一個對象)，你可使用 console.table 方法以一個漂亮的表格的形式將它打印出來。它不只會根據數組中的對象的全部屬性去計算出表中的列名，並且這些列都是能夠縮放甚至... 排序！😳安全

當列太多的時候，就能夠經過第二個參數，只傳入你想展現的列名。異步

若是你偶爾在後臺進行嘗試的話，只有 node 版本大於 10 以上, console.table 才能起做用編輯器

最受歡迎的 console.log 方法會將數據以格式化的形式打印出來，大多數的狀況下默認的格式化頗有用。可是有時候那可能不是你想看到的 - 最典型的例子就是：你想要打印一個 DOM 節點。工具

console.log 會將這個交互式的元素渲染成像是從 Elements 中剪切出來的同樣。若是說你想要查看這個節點所關聯到的真實的 JavaScript 對象呢？而且想要查看他的屬性等等？

這樣的狀況下，若是須要更加直接表現形式來展現數據，就可使用 console.dir 。

這就是今天的內容啦，慣例：若是你從這裏學到了一些新東西

→ 你能夠點個贊再走嘛~
→ 關注個人 Twitter Tomek Sułkowski

其餘此係列的文章，立刻就會翻譯出來，到時會貼出對應的連接在此處。

若是你對個人翻譯表示確定，也能夠關注我一波哦~ 順便個人開源項目，求一波 star→ 看這裏, 美麗的博客系統