console
其实提供了很多调试方法,有些方法还是挺好用的,今天就来介绍那些本菜认为还不错的方法。
1.分组
console.log("--------------分组-----------------")
console.log("内容")
console.log("--------------分组结束---------------")
眼熟不?没错,这就是大多数人对于分组的处理方式,实际上console给提供了更高大上的打印方式,请看:
console.group("分组")
console.log("内容1")
console.log("内容2")
console.log("内容3")
console.groupEnd()
看结果
2.计时
var timestampStart = Date.parse(new Date())
...... // 执行代码
var timestampEnd = Date.parse(new Date())
console.log(timestampEnd - timestampStart )
大多数人会这样操作吧?来看看下面的:
console.time()
let a = 1
let b = a
console.timeEnd()
看结果
简单吧。后面还有呢!
3.查看对象变化
经常会遇到这样一个问题,为什么我明明把 XX 对象改了,但是输出的时候它不是我想的那样(确保代码都正确)
let a = { b: { c: 1 } }
a.b.c = 2
console.log(a)
a.b.c = 3
上面的例程我们想要的结果肯定是输出为2,但是结果经常事与愿违,先看结果:
结果自不用说,肯定是3,不过我们看红色框框里的提示,是不是明白了什么,前任的一切努力都敌不过现任的一句话,下面来看获取变化过程的方法:
let a = { b: { c: 1 } }
a.b.c = 2
console.table(a)
a.b.c = 3
废话不多说,先来看结果:
是不是瞬间觉得,妈妈再也不用担心我抓不到对象变化过程的数据了?
以上就是本菜认为比较好用的打印方式,各位看官如果有其他好用的方法欢迎分享交流