Chrome DevTools踩坑

8,911 阅读1分钟

问题发生

在一次调试当中,发现chrome DevTools里面的console.log其实是不能拿来参考对象的,因为存在引用关系。 例如如下代码:

const arr = [1,2,3,4,5,6,7];
console.log(arr);
arr.pop();
console.log(arr)

会发现两个console.log里面的值其实是一样的,对象形式都会出现这个问题

注意鼠标挪到这里,其实chrome也会提示你,这里的对象是被计算后的,所以参考的时候,要注意!

问题解决

一般如果需要打印某个对象,我们可以JSON.stringify来进行打印,或者是使用console.table查看:

毕竟,谁又能确保不会懵逼的时候,踩到了这个坑呢~