废话不多说,直接上干料吧!
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");