码迷,mamicode.com
首页 > 其他好文 > 详细

控制台之console

时间:2017-06-03 14:07:46      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:需要   方法   将不   技术   调试   分组   使用   tab   trace   

  控制台中的用法有很多,比如常用的console.log(),还有不常用的 console.warn()、 console.error()等,下面对控制台中主要的console方法做一个简单的介绍。

 

1. console.assert()

  这个方法接受至少两个参数,第一个参数是一个布尔值,如果这个布尔值为 true, 那么后面的参数将不会被打印出来; 如果是false,那么后面的参数将依次被打印出来。

console.assert(false, "显示");

 

2. console.clear() 

  这个方法可以清空控制台,无参数接受。

 

3. console.count()

  这个方法最多可以接受一个参数,也可以不接受参数。

  如果无参数,那么console.count()表示在当前位置被调用的次数,如果接受参数,如console.count("person"), 则会统计 console.count("person") 被调用的次数。

  

 

4. console.dir()

  这个方法传递的可以是一个对象,可以和 console.log做对比,发现,console.dir() 就像一个目录一样,是一个折叠的三角形列表。

 

5. console.dirxml()

  这个方法同样也是传递一个HTML容器对象, 如 console.dirxml(document.body) ,如果不是一个html容器对象,那么传递一个JavaScript对象也是可以的。 

 

6. console.group() && console.groupEnd()

  这个方法可以建立一个分组,当然分组也是可以嵌套的。 以 console.group() 作为开始, 以 console.groupEnd() 作为结束,他们都会被缩进,并且可以被折叠。

   console.log("不是分组");
    console.log("不是分组");
    console.log("不是分组");
    console.group("group开始");
    console.log("在分组中");
    console.log("在分组中");
    console.log("在分组中");
    console.log("在分组中");
    console.groupEnd();
    console.log("不是分组");
    console.log("不是分组");
    console.log("不是分组");
    console.log("不是分组");

技术分享

 

 

 

7. console.groupCollapsed() 和 console.groupEnd()

  刚才所讲的 console.group() 所建立的分组默认是折叠的, 而console.groupCollapsed() 默认是折叠的。

  所以在调试代码的过程中,利用分组、折叠这个特性,应该可以让我们调试代码更容易一些。

 

8. console.profile() 和 console.profileEnd() 

  记录性能。暂时不支持使用。

 

9. console.table() 

  可以将数组和对象按照table的方式打印出来,可以接收第二个参数,这个参数表示列数。

 

10. console.time() 和 console.timeEnd()

  需要接受一个字符串作为参数,用来统计执行的时间。 

 

11. console.trace() 

  进行栈的跟踪。

 

 

 

 

  

 

控制台之console

标签:需要   方法   将不   技术   调试   分组   使用   tab   trace   

原文地址:http://www.cnblogs.com/zhuzhenwei918/p/6936898.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!