这是我参与8月更文挑战的第7天，活动详情查看：8月更文挑战
相信大部分朋友在使用console的基本只是使用其中的
log方法吧，本文将介绍其中更有趣的玩法
获取代码块运行时间
日常中开发需要优化代码块，那么怎么知道优化的空间有多大呢，这时候如果能准确记录代码块运行时间那就有优劣之分了，来，让我们看看代码
console.time("执行时间");
let count = 0;
for (let i = 0; i < 10000; i++) {
// 执行相关代码
count++;
}
console.timeEnd("执行时间");
效果：
个性打印
使用%c格式化打印，能给被打印内容添加自定义css样式
console.log(`%c 这是自定义打印 内容 `, "background:#286fb9;color:white;")
效果：
清空控制台
有时候我们会遇到多人合作的场景，李磊开发A模块，小明开发B模块，阿银开发子模块C。由于处于开发阶段，李磊，小明，阿银都分别打印了很多条（每人5条）控制台信息进行调试，这时候代码合并后再继续开发。噢天，满屏的信息打印出来，自己不想去删除别人的代码，又要从满屏的打印记录中查找自己所需要的信息，简直崩溃，好在阿银学会了console.clear()方法，在自己开发模块的开头位置使用一下clear方法，即可舒舒服服的继续开发
console.log("李磊信息：这是第一条emmmmmmmmm......................");
console.log("李磊信息：这是第二条emmmmmmmmm......................");
console.log("李磊信息：这是第三条emmmmmmmmm......................");
console.log("李磊信息：这是第四条emmmmmmmmm......................");
console.log("李磊信息：这是第五条emmmmmmmmm......................");
console.log("小明信息：这是第一条emmmmmmmmm......................");
console.log("小明信息：这是第二条emmmmmmmmm......................");
console.log("小明信息：这是第三条emmmmmmmmm......................");
console.log("小明信息：这是第四条emmmmmmmmm......................");
console.log("小明信息：这是第五条emmmmmmmmm......................");
console.clear();
console.log("阿银信息：这是第一条emmmmmmmmm......................");
console.log("阿银信息：这是第二条emmmmmmmmm......................");
console.log("阿银信息：这是第三条emmmmmmmmm......................");
console.log("阿银信息：这是第四条emmmmmmmmm......................");
console.log("阿银信息：这是第五条emmmmmmmmm......................");
效果：
清空前：
清空后：
常用输出内容
这一块主要根据不同的指令输出不同的样式类型，让人联想起elementUI中的$message组件，和它类似，有error|warn|info，
console.error("这是一条错误");
console.warn("这是一个警告");
console.info("这是一条信息");
console.log("这是一条日志");
效果：
chrome：
火狐：
对于info打印有一点区别，火狐的前面有个icon，个人比较喜欢火狐的这种展示。反观chrome，info和log没什么区别。
输出信息分组
顾名思义：可以将多个输出合并到一个组下面，也就是分类的意思
console.group("用户数据");
console.log("数据A： 1");
console.log("数据B： 2");
console.groupEnd();// 切记，如果不想让后面的打印也加入分组，要手动调用 groupEnd 方法，声明分组结束
let a = 1;
console.log("a", a);
效果：
本章小结
关于console的多种打印基本使用，总结就到这了，代码没什么难度，平常多多使用即可玩出不一样的控制台~~~
