JavaScript中Console对象常用函数

要说JavaScript中哪个方法用得最多，我肯定得说是console.log()了，但是console对象中不仅仅有log函数，还有比如调试信息debug、普通信息info等等，还有其他得好多方法，如果你不知道，看看这篇文章绝对对你得JavaScript开发有帮助。
之前看渡一的大师课对这有讲解过，今天在项目中有用到顺带来复习一下。

log方法打印普通消息

这个方法应该不要我多说了，应该是各位最常用的一个方法了吧，就是在控制台/终端输出普通的消息massage，我当时学Node.js第一句还是：

console.log("Hello World");

这个呢

warn打印警告信息

这个也没什么好说的，就是警告⚠️，一般来说是开发公共库的时候需要使用，或者公共项目

console.warn("This is a warning message.");

error打印错误信息

也没什么好说的，打印错误信息，喝警告差不多，不过这个是红色的

console.error("This is an error message.");

debug方法打印调试信息

其实调试信息debug和普通信息log是一样的，只不过这个信息的分类时调试信息Verbose分类，

console.debug('God bless me!');

table方法打印数组为表格

从服务器拉数据或者本地对象数组，跳过使用console.log();打印的话，就非常的难以理解，难阅读，就像这样：
使用log输出数组
打印成表格就好看好多。
使用table输出数组

console.table([
  {
    lang: 'C/C++',
    OS: 'Linux/Windows',
  },
  {
    lang: 'Java',
    OS: 'Linux/Windows',
  },
  {
    lang: 'JavaScript',
    OS: 'all',
  },
]);

group分组打印信息

使用console.group()和console.groupEnd()来分组输出信息。
字面意思，当我们在控制台输出大量信息时需要对学习信息进行分组便于查阅。
这个需要两行代码给一段代码包含住，就像：

console.group("Group 1");
console.log("Message 1");
console.log("Message 2");
console.groupEnd();

time记录并打印代码运行耗时

使用console.time()和console.timeEnd()来测量代码执行时间，加入这个代码代码运行完成会在控制台输出代码运行用了多长时间

console.time("Timer");
for (let i = 0; i < 1000; i++) {}
console.timeEnd("Timer");

trace堆栈跟踪追踪函调用路径

使用console.trace()来追踪函数调用路径，这个说起来有点麻烦，函数不是可以嵌套一层套一层嘛，然后当 JavaScript 代码执行过程中发生错误时，浏览器或 JavaScript 引擎提供的一份报告，它记录了错误发生时代码的执行路径。它像面包屑一样，指引开发者找到错误的源头。理解堆栈跟踪对于前端开发者来说至关重要，因为它能帮助我们快速定位和修复 bug。

function foo() {
console.trace();
}
foo();

目前我所知道的就这些了，其实JavaScript学起来很简单，尤其是你有基本网络知识的时候，学JavaScript可以来我群1018215378(QQ)，JavaScript难在浏览器原理啊什么的，这个推荐看渡一的大师课，对你提高薪资和跳槽都有帮助的，同时多刷刷面试题什么的。

标签：JavaScript