不要只会使用console.log

console 是 JavaScript 内的一个原生对象，内部存储的方法大部分都是在浏览器控制台输出一些内容，并且还提供了很多的辅助方法。

我们在前端开发的过程中，进行项目调试常常会需要打印输出在控制台，往往都是使用console.log

 但是除了console.log，还有其他的，下面我将为大家罗列一下

比如我们在vscode中输入console.会自动联想后面的内容
可见console提供了如此之多的方法

1.console.warn 警告

console.warn('waring,这是一个警告')

2.console.error 错误

console.error('error,这是一个错误')

3.console.info 类似 log

console.info('info, 消息')

4.console.time&&timeEnd 计时器

      console.time('timer test')
      for(let i = 0; i < 10000; i++){
          // do something
      }
      console.timeEnd("timer test")

5.console.group&&groupEnd  消息组

      console.group("testGroup");

      console.log("11111");
      console.log("22222");
      console.log("33333");

      console.groupEnd()

console.groupCollapsed&&groupEnd  默认被折叠的消息组

      console.groupCollapsed('折叠的消息提示');
      console.log('被折叠的消息');
      console.groupEnd();

6.console.table 将消息打印成表格展示

      const test1 = {
        name: 'test1', sex: '男', from: 'xxx'
      }
      const test2 = {
        name: 'test2', sex: '女', from: 'vvxx'
      }
      const test3 = {
        name: 'test3', sex: '男', from: 'dddxx'
      }
      console.table({test1, test2, test3})

7.console.clear 清除控制台消息

这是因为我们勾选了 保留日志 取消勾选之后就会清除掉控制台内容

8.console.count 计数器

console.count('11')
console.count('11')
console.count('11')
console.count('11')

9.console.countReset 重置计数器

10. console.timeLog() 记录使用 time() 启动的定时器的当前值