干货分享---console的灵活使用

一、前言

说到调试语句，比较初级前端程序员通常会不约而同的张口就来：console.log 呗。哐哐哐，往里放就van似儿了。

其实 console 本身除了基本 log 方法之外还有很多其他方法。

针对这些方法，我整理并搬运了一些实用技巧。本篇适合初学前端的同学阅读。

二、你以为简单的 console.log 其实并没有这么简单

标题有点长，哈哈。意思就是对待 console.log 我们也可以不那么简单粗暴。来看下面的。

1.占位符打印参数

console.log('I like %s but I do not like %s.', '', '');

占位符有效，效果如下：

常见的占位符 %o 接受对象，%s 接受字符串，%d 表示小数或整数。

2.筛选出自己的调试语句

通常在开发过程中，很少碰到合作伙伴制造大量console的情况。但如果一旦发生，将会很可怕。

假设代码中总共有如下调试语句

console.log('Peter', 'console picker')
console.log('console picker')
console.log('console picker')
console.log('console picker')
console.log('console picker')
console.log('console picker')
console