JavaScript|你不会只会用console.log()吧（）前端|node.js|javascript

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

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

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

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

文章图片

console.log('%c I am a good boy','font-size:50px; color:green')

【JavaScript|你不会只会用console.log()吧（）】

文章图片

呦，还可以加样式呢，是不算很屌
3、console.warn()，用于在控制台输出黄色的警告

console.warn('hello word')

文章图片

4、console.error，用于在控制台输出黄色的警告

console.error('hello word')

文章图片

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); })