你不会只会用console.log()吧？

console

1、我们一般只知道有console.log()这种用法

	好吧，那我带您看看关于console的其它用法，请听我娓娓道来

2、console格式化打印

首先console.log（）是我们都知道的。在里面我们一般都用于输出数据，其实在里面也可以设置输出的格式

console.log('hello i am a %s string','student')

console.log('%c I LOVE YOU','font-size:55px;color:pink')

呦，还可以加样式呢，是不算很屌

3、console.warn()，输出黄色的警告

console.warn('hello girl')

4、console.error()，输出红色的报错

console.error('hello error')

5、console.info，与console.log的效果没啥区别

console.info('hello world i am hero')

6、console.assert ()，接收两个参数

第一个是关于boolen的值是什么，如果为true则第二个参数执行

console.assert(1===2,'this is wrong')

7、console.clear()，清空控制台

8、console.dir()，用于将设置的对象，dump化获得详细信息

9、console.group()和console.groupEnder()，将同一对象类型做一个分类

 const dogs=[{
    name:'jack',age:13},{
    name:'lucy',age:12}] 
 dogs.forEach(dog=>{
    
            console.group(`${
      dog.name}`)
           console.log(`this is ${
      dog.name}`)
           console.log(`${
      dog.name} is ${
      dog.age} year ago`)
         console.log(`${
      dog.name} is ${
      dog.age*4} year ago`)
         console.groupEnd(`${
      dog.name}`)
     })

10、console.count()，对输出相同数据的数据进行排序

 console.count('wes')
 console.count('good')
 console.count('wes')
 console.count('wes')
 console.count('good')
 console.count('good')
 console.count('wes')
 console.count('good')

11、console.time()，统计一段代码运行的时间

  console.time('fetching data');
  fetch('https://api.github.com/users/wesbos')
   .then(data => data.json())
    .then(data => {
    
     console.timeEnd('fetching data');
     console.log(data);
    })

12、console.table( )，用于对输出的数据以表格的形式进行展示

const dogs=[{
    name:'jack',age:13},{
    name:'lucy',age:12}] console.table(dogs)

是不算学到啦，666