关于控制台调试打印的那些神器

废话不多说，直接上干料吧！

1.常用于日志信息输出打印 console.log()，想必这个命令行大多数的前端友友都在经常的使用吧

console.log("hello world!")

2.当该段代码你知道其他人在运行时可能会遇到报错的情况时，这是你就可以使用 警告信息console.warn()，报错信息consoel.error() 

console.warn("this is a warn message");

console.error("this is a error message");

3.常用于知道某函数所被调用的次数 console.count

const test = () => {
    console.count('test函数被调用的次数')
}

4.当我说到这个的时候，可谓是一个神器，它常用于打印数组与对象结构的一个可展示表格视图 console.table() 能够让我们方便且直观的看到该代码内部结构

 const arr = [
   { name: "test1", color: "Black", personality: "Calm" },
   { name: "test2", color: "Brown", personality: "Hyperactive" },
   { name: "test3", color: "white", personality: "Unpredictable" },
 ];

 console.table(arr);

 const arr = { name: "test1", color: "Black", personality: "Calm" },
 
 console.table(arr1);

5.这个常用于对某一函数或者某一片段代码下的 日志输出信息进行分组 console.group() 能让开发人员在不同情况下经历多个阶段性的处理

const test = () => {
    console.group('这是test该函数下的日志打印信息')
    console.log("Log 1");
    console.log("Log 2");
    console.log("Log 3");
    console.groupEnd();
    
}

6.用于打印某一片段代码所需要花的编译时间  console.time();

console.time("timerName");
const handleTest = () => {
    console.count('test函数被调用的次数')
};
console.timeEnd("timerName");