console的常用方法🤓
这篇文章我们来总结一下前端常用的一些调试技巧。🤓🤓🤓🤓🤓
说到调试,我们避免不了console这个对象,在它身上有许多的方法,我们来看看最常用的几种。
1.万物皆可—log🧐
console.log()是一个通用的打印方案,可以用它打印任何东西,但有时候,我们需要打印对象,数组这类东西,这个就不太方便,这个时候,我们就可以用
2.对象数组—table🧐
console.table()是专门用来打印对象和数组的,他会制作成一个表格,然后很明确的可以看到里面的值
3.计算时间—time和timeEnd😲
console.time(相同名)记录开始时间
console.timeEnd(相同名)记录结束时间
4.红色警告—error和warn😤
console.error()打印报错信息
console.warn()打印警告信息
5.元素结构—dir✌
console.dir()对打印对象结构非常有用。
例如:console.dir(document.body)
6.执行次数—count✌
console.count()打印执行的次数,最长广泛应用于函数当中
7.追踪执行次数—trace🤝
我们知道,程序的执行次序主要是由堆栈来执行的。使用==console.trace()==可以追踪执行的顺序。
function a() {
// a函数调用此方法
console.trace();
}
// b调用a函数
function b() {
a();
}
// 全局调用b函数
b();
at a (C:\Users\LENOVO\Desktop\正则表达式\02-正则表达式\04.js:3:13)
at b (C:\Users\LENOVO\Desktop\正则表达式\02-正则表达式\04.js:7:5)
at Object.<anonymous> (C:\Users\LENOVO\Desktop\正则表达式\02-正则表达式\04.js:10:1)