你可能不知道的console命令 详解～

在实际开发中，我们基本上都是使用console.log来打印信息，但是处理意外，还有很多其他的方法，这里我也是摸鱼时间总结了一下

//1. 打印调试信息，这个和log基本一样，但是要在控制台显示需要设置Customer levels下的Verbose勾选，才能在控制体上打印出来 
console.debug('hello console!')

//2. 普通打印 这个就不介绍了 
console.log('hellow console!')

//3.信息这个和log一样，但是在safari里面打印前面有个叹号
console.info('hello console!')

//4.打印表格  并且支持排序
console.table([
{frist:'sss',last:'qqqq'},
{frist:'aaaa',last:'ssss'},
{frist:'zzzz',last:'xxxx'},
])

// 5. 分组
const label = 'package elephant'
console.group(label)  // 默认是直接打印展开的
console.groupCollapsed(label) // 默认打印关闭的，需要自己手动展开
console.log('open one')
console.log('open two')
console.log('open three')
console.groupEnd(label)

// 6. 打印对象结构 这个一般用的比较多 
console.dir(document.body)

//7.计时 一般可以检查某一段代码执行的时间 注意 前后字段必须保持一致 比如 start
console.time('start')
let a = 0
for(let i = 0; i< 100000;i++){
a+=i
}
console.tiemEnd('start')

// 8.计数 一般用于循环查看调用的次数
const num = 0
for(let i = 0 ; i <10; i++){
num+=1
console.count('loop')
console.log(num)
}
console.countReset('loop')

// 9.查看堆栈的信息 这个在平时的调试中非常有用
function b(){
console.trace()
}
function a(){
b()
}
a()

// 10. 断言 一般情况下，正确是没有输出，如果不正确 返回的一个错误提示
function sun(a,b){
return a+b
}
console.assert(sun(1,2) === 4)

// 11. 打印警告 一般封装插件的时候会用到
console.warn('hello warn')

// 12.打印错误信息
console.error('hellow error')

// 13.清空打印消息
console.log(1)
console.clear()
console.log(2)

// 14.给打印的消息添加样式
// 支持的占位符有四种，分别是字符(%s)、整数(%d 或 %i)、浮点数(%f)和对象(%o)
console.log('%cMy name is classicemi.', 'color: #fff; background: #f40; font-size: 24px;');