javascript中的console

为什么要使用console

• javascript执行的是客户端，而且浏览器为显示页面，如果把测试结果展示到页面会影响显示
• 而服务器不是页面，显示到页面的像Apache，Nginx，是显示在黑框里，比如说，声明一个变量，执行的时候34，需要不断打印，跟踪，不能一直在页面显示，不合适，需要在控制端输出
• 像后端语言，比如说php，直接给客户拿数据，做数据响应，从客户端发送请求，所以说不需要在控制台输出
  在JavaScript中调试任何内容的最简单方法之一是使用console.log。但是其实还有许多其他方法可以帮助我们更好地进行调试。
  console.table()可以让对象以表格的形式展现出来，我们这样写：console.table({ 变量, 变量})，代码块和控制台显示如下：

const foo = { id: 1, verified: true, color: 'green' };
const bar = { id: 2, verified: false, color: 'red' };
console.table({foo,bar});

console.group()可以用来分组，不多说，直接看例子：

console.group('用户详细信息');
console.log('name：John');
console.log('job：Software Developer');//嵌套组
console.group('Address');
console.log('街：123 Townsend St)reet');
console.log('城市：旧金山');
console.log('State：CA');
console.groupEnd(); console.groupEnd();

看见没，console.group()跟console.groupEnd()之间的log被分成了一组，group和groupEnd之间还可以包含子分组。
console.warn()打印出来的信息前面会有警告图标

console.error()。打印出来的信息会是红色的

还可以自定义样式。您可以在第一个参数前加%c指令，第二个参数写css代码，这样，打印出来的就会是带样式的