console.log调试的一个小技巧

平常开发中常常会须要console来查看当前对象的值。固然用debugger会更全面的查看,可是总有只喜欢用console的,好比我→_→debug

console出正确的值code

咱们直接来看这一段代码对象

var obj = {
    name: '小傻子',
    age: 12
}
console.log(obj)
obj.name = '大傻子'

很明显我在第四行的位置添加了console是想查看obj在第四行的时候的值。
可是结果并不如意会打印出开发

{name: "大傻子", age: 12}

究其缘由,是由于obj为引用型变量,console后面的操做一样会影响到console的内容。
咱们看一下这一段代码string

var obj = {
    name: '小傻子',
    age: 12
}
console.log(obj.name)
obj.name = '大傻子'

这个时候打印的结果就是预期的小傻子console

解决方案
咱们不可能去打印obj的全部属性,由于这是不现实的。咱们仍是但愿打印obj可是获得在当前位置的结果,我下面贴出本身的解决方案变量

console.log(JSON.parse(JSON.stringify(obj)))

经过JSON的方法进行深拷贝是我知道的最简单有效的方法引用

相关文章
相关标签/搜索