分享每一天-js日志输出还是只会console.log么，那你就out了

js日志输出还是只会console.log么，那你就out了

前端技术 1697 0 创建时间：2020-10-22 20:34:36

日志输出

#### 一、console.table()
console.table()是我非常建议大家去使用的方法，它可以接受JSON或数组并以表格格式打印，在对json对象和数组进行可视化打印的时候简单易用，结果直观。

比如下面的json数据对象使用console.table()打印
```php
console.table({
    "id":"1",
    "key":"value",
    "count":2
    });
```
#### 二、console.error()
console.error()相对于console.log()更有助于在调试时从输出日志中区分错误信息

![](http://www.seedblog.cn/uploads/article/2020-10-22/dMJ8UbftEJRacIY7GbWVAXlZ8DHeNjNOMgqAMh6L.png)

#### 三、Time(time,timeLog,timeEnd)

console.time()、console.timeLog()、console.timeEnd() 这三个方法当我们对程序运行时间进行计时的时候特别有用。

```php
console.time()相当于秒表中的开始按钮

console.timeLog()相当于秒表中的按圈计时/按点计时

console.timeEnd()相当于计时结束
```
```php
console.time("ForLoop");  
 // "ForLoop" is label here
for (let i = 0; i < 5; i++) {
    console.timeLog('ForLoop'); 
}
console.timeEnd("ForLoop");
```
#### 四、console.warn()
用黄色字体输出日志，更直观的方便的查看警告类日志信息。

#### 五、console.assert()
console.assert(assert_statement,message)用来设定断言，如果为false则显示message消息

```php
if(3!=2){
    console.error({ msg1: "msg1", msg2: "msg2" });
}
//上面的日志判断语句，可以简写为下面的断言
console.assert(3 === 2, { msg1: "msg1", msg2: "msg2" });
```

另一种可以用来格式化输出的断言方式console.assert(assert_statement,message,args)

```php
console.assert(false, "%d nd type for  %s ",2,"console.assert() method");
```

#### 六、console.count()
console.count()特别适合用来计数，可以传递参数，可以根据根据参数标签统计次数。代码如下：

```php
 for (let i = 0; i < 3; i++) {
   console.count("label");
   console.count();
   console.count(i);
 }
```

console.count()如果不传递参数，则使用默认的default标签。

console.countReset(标签参数)可以将指定标签的计数重置为0

js日志输出还是只会console.log么，那你就out了

商品推荐

广告推荐

推荐文章