阳光彩虹小白马 你真的会用Console语句debug吗 滴滴答答滴滴答答

我们一般经常用console.log(log)将JavaScript语句中的一些变量输出到控制台来检查代码运行的问题。但console不只有log一种方法。接下来给大家介绍几种常用的console方法，让你的debug如丝般顺滑。

console.assert

当你只想让控制台输出错误的数据，如果正确，就不要输出了，不然输出太多很难找到关键问题。此时assert就派上用场了，assert方法是判断第一个参数是否是正确的，如果正确便不在控制台输出，如果错误会将错误显示在控制台上。第二个参数则是对此assert的命名，帮助我们找到错误:

console.table

当我们输出一列数组或者对象到控制台上时，真的看的很费劲，尤其是长数组或者对象里的属性很多的时候，比如下图：

 此时咱们就用table方法试试：

 console.group

为了区分不同函数或不同代码段的log值，我们可以用group方法将log分组，这样看起很有条理，日志也一目了然：

console.group("code block 1");
console.log(1);
console.log(1);
console.log(1);
console.log(1);
console.log(1);
console.groupEnd();

 console.dir

        我们总是用log方法来查看对象里的属性以及方法,虽然可以将信息显示出来，但是没有条理，不好做检查，尝试用dir方法可以获得更好的视觉效果，如下是二者对比：

console.count

        当我们的变量在不断增加，我们又要一直观察增加的值时，我们可以用count方法。

console.time

        我们可以用time方法记录代码段运行时间，这是很好的performance 测试：

 只要确保想要测的代码段在time和timeEnd方法之间即可。

console.trace

        我们经常需要知道这段代码是被哪个方法调用的，这时就用到trace方法啦

function bottom()
{funciton top(){console.trace("who called me?")}top();}
bottom();

 console.log

        大家最熟悉的log方法，我可以在log里加一些css样式，让我的日志非常显眼：

console.log("%cerror occured!","color:red;background-color:black"); 

给大家留个小作业：