【译】你不知道的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中,让人疑惑的案例