【譯】你不知道的Chrome調試工具技巧第五天：console的log中,讓人疑惑的案例

本文是做者 Tomek Sułkowski 發佈在 medium 上的一個系列。據做者透露一共有24篇，一直更新到12月24日
版權歸原做者全部。
vue

前兩篇的翻譯連接我已經給到了做者本人，雖然他不理解中文，可是他仍是很開心哈哈,截圖在最後
git

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

在立刻就要迎來假期的這 24 天裏，我將會發布一系列短篇的文章，關於如何更加有意思的使用開發工具，昨天咱們完成了第15 個,今天咱們只有一個tips,但會是至關驚喜的一個：異步

嘿嘿，這個(打印出來的對象，與預期不符)真的會讓你大吃一驚，而且使得咱們基於 console.log 的調試過程變得撲朔迷離，或者失敗。編輯器

在 console 中打印出的對象，在打印以前，都是以引用的形式保存的。工具

什麼意思呢？例如:你 (在代碼中) 打印了一個對象，而後 (在代碼中) 修改了它，最後將它打印出來 - 當咱們在 console 中查看時，會看到第一條打印的記錄 (進行修改前的記錄) 和第二條打印的記錄 (被修改以後的記錄) 的值是同樣的！post

這樣描述以後，若是你仍然很差理解，別擔憂，下面的視頻中的這個流程會讓你變得清晰：開發工具

如今想象一下，當你想要弄清楚一個對象在什麼時候被修改的時候，若是發生了這樣的狀況，怎麼辦呢？怎麼處理這樣的狀況呢？spa

你能夠打印從這個對象複製出來的對象，或者...在正式的調試中使用讓咱們能夠放心的斷點或者是資源面板來替代，在後續的文章中，咱們會繼續討論這個問題。翻譯

慣例：若是你從這裏學到了一些新東西

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

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

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

【譯】你不知道的Chrome調試工具技巧 第五天：console的log中,讓人疑惑的案例