抽空看了一下简书中关于console的文章，为了便于自己今后查看，自己写了一遍！原文地址：http://www.jianshu.com/p/f961e1a03a56

测试代码在最下面

1.console.log(); console.debug()与console.info()与console.log一样
(a,b,c); 可接受多个参数，中间用逗号分开，默认输出完最后输出换行符
如果第一个参数是格式字符串（使用了格式占位符），后面的参数对应前面的占位符进行输出
占位符为一下五种%d/%i %s %f %o %c，分别是整数、字符串、浮点数、对象和css格式化样式

2.console.assert()；---assert声称, 断言
接收至少两个参数，第一个参数的值或返回值为false的时候，将会在控制台上抛出一个异常并将其余参数作为异常描述输出.

3.console.count();
用于计数，输出它被调用了多少次。可以传入一个字符串作为参数，进行分类计数

4.console.clear();
清空控制台内容。

5.console.dir();
对一个对象进行检查，并以易于阅读和打印的格式显示。

6.console.error();
输出错误信息，红色的错误

7.console.warn();
输出警告信息，黄色的警告形式

8.console.table();
将传入的对象或数组这些复合数据以表格形式输出。

9.console.time(),console.timeEnd();
console.time(),console.timeEnd()方法计算一个操作的执行的时间console.time()是开始，console.timeEnd()是结束。可以传一个参数，参数为计时器的名称。

10.console.group(),console.groupCollapsed(),console.groupEnd();---Collapse倒塌(col(全部)+lapse(滑倒--slip))；
用于将显示的信息分组，可以把信息进行折叠和展开。他们都可以传递一个参数，参数默认是分组名；用法都是一样的。
唯一区别就是console.group()是默认展开的，而console.groupCollapsed()默认是收起的。

11.console.profile(),console.profileEnd();
用来新建一个性能测试器，可以评估某段代码的性能，可以传一个参数，为生成的性能测试器的名字。

12.console.trace();
用来追踪函数的调用过程。在复杂的架构中可以查找到对应的调用路径。

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>console</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. //console.log();
  10. var a = 15, b = 'abs',c;
  11. console.log(a, b, c);
  12. var d = 10.00, e = {a:1}, f = 'body:{background-color:red;}';
  13. console.log(a, b, d, e, f);
  14. console.log('%d %s %f %o %c', a, b, d, e, f);
  15.  
  16. //console.assert();
  17. function consoleFn(arg1, arg2){
  18.     if(arg2 == undefined){
  19.         var a = console.assert(false, 'arg2未赋值');//抛出错误，并且输出，返回undefined
  20.         console.log(a);//输出undefined
  21.     }else{
  22.         console.assert(true,'true');//没有错误，返回undefined
  23.     }
  24. }
  25. consoleFn(1);
  26.  
  27. //console.count();
  28. function count() {
  29.  for (var i = 0; i < 5; i++) {
  30.     var str = '';
  31.     if(i % 2 == 0){
  32.         str = "这是偶数";
  33.     }else{
  34.         str = "这是奇数";
  35.     }
  36.         var a = console.count(str);
  37.  }
  38. };
  39. count();
  40.  
  41. //console.clear();
  42.  
  43. //console.dir();
  44. var obj = {
  45.     name:'李明',
  46.     age:20
  47. }
  48. var arr = [1, 2, 3];
  49. var fn = function(){};
  50. console.dir(obj);
  51. console.dir(arr);
  52. console.dir(fn);
  53.  
  54. //console.error()与console.wran();
  55. function errFn(a, b){
  56.     if(a == ''){
  57.         console.error('%s','a未定义');
  58.     }
  59.     if(b == undefined){
  60.         console.warn('%s', 'b未定义');
  61.     }
  62. }
  63. errFn('',1);
  64. errFn(1);
  65.  
  66. //console.table();
  67. console.table(obj);
  68. console.table(arr);
  69.  
  70. //console.time();
  71. console.time('time1');
  72. setTimeout(count(),1000);
  73. console.timeEnd('time1');
  74.  
  75. //console.group();
  76. console.group('第一层(打开)');
  77. console.group('第二层(打开)');
  78. console.groupCollapsed('第三层(关闭)');
  79. console.log('分组菜单闭合');
  80. console.groupEnd();
  81. console.groupEnd(); 
  82.  
  83. //console.profile();
  84. console.profile('性能分析');
  85. count();
  86. console.profileEnd();
  87.  
  88. function aa(){
  89.     bb();
  90. }
  91. function bb(){
  92.     console.trace();
  93.     console.log("a调用了b");
  94. }
  95. aa();
  96.  
  97. //总结
  98. var cons = console;
  99. if (cons) {
  100.       cons.log('console学习暂告一段落\n');
  101.       cons.log("本文来自：%c浩3108的简书http://www.jianshu.com/p/f961e1a03a56", "color:red;font-weight:bold;");
  102. }
  103. </script>
  104. </body>
  105. </html>

查看代码

抽空通过简书网学习了一下console，感觉高大上！的更多相关文章

  1. 简书全站爬取 mysql异步保存

    # 简书网 # 数据保存在mysql中; 将selenium+chromedriver集成到scrapy; 整个网站数据爬取 # 抓取ajax数据 #爬虫文件 # -*- coding: utf-8 ...

  2. [开源,学习,分享]UWP第三方简书客户端分享

    简介 Windows10正式版发布到现在,我利用零零碎碎的一些时间对UWP进行一些学习,也基于这门技术开发了一个第三方的简书App. 基本界面 优酷视频: http://v.youku.com/v_s ...

  3. AI时代学习新的技术，方向为计算机视觉--欢迎来我的简书blog拔草

    2017-09-01 19:29:33 简书blog: https://www.jianshu.com/u/973c8c406de7

  4. 简书markdown教程

    1 支持 Markdown 的编辑器 Windows 推荐 Sublime Text 3,强大优雅的编辑器.MarkdownPad,一款可以直接预览排版效果的编辑器. Mac 推荐 Ulysess,专 ...

  5. iOS离屏渲染简书

    更详细地址https://zsisme.gitbooks.io/ios-/content/chapter15/offscreen-rendering.html(包含了核心动画) GPU渲染机制: CP ...

  6. 从刚刚「简书」平台的短暂异常，谈Nginx An error occurred报错～

    09.26简书平台的短暂异常 An error occurred. Sorry, the page you are looking for is currently unavailable. Plea ...

  7. iOS开发--Bison详解连连支付集成简书

    "最近由于公司项目需要集成连连支付,文档写的不是很清楚,遇到了一些坑,因此记录一下,希望能帮到有需要的人." 前面简单的集成没有遇到什么坑,在此整理一下官方的集成文档,具体步骤如下 ...

  8. Scrapy爬取Ajax（异步加载）网页实例——简书付费连载

    这两天学习了Scrapy爬虫框架的基本使用,练习的例子爬取的都是传统的直接加载完网页的内容,就想试试爬取用Ajax技术加载的网页. 这里以简书里的优选连载网页为例分享一下我的爬取过程. 网址为: ht ...

  9. 把cnblogs变成简书 - cnblogs博客自定义皮肤css样式

    吐槽 博客园cnblogs作为老牌的IT技术博客类网站,为广大的开发者提供了非常不错的学习交流平台. 虽然博客内容才是重点,但是如果有赏心悦目的页面不更好吗! cnblogs可以更换博客模板,并且提供 ...

随机推荐

  1. protected访问修饰符

    子类可以调用, 但实例化的对像不可调用  new object;

  2. void (*f(int, void (*)(int)))(int) 函数解析

    函数指针 今天与几个同学看到了一个函数指针定义: void (*f(int, void (*)(int)))(int) 以前在C trap pit fails里面见过,但是文章里面介绍的很详细,但是往 ...

  3. Python一路走来 线程 进程

    Python线程 Threading用于提供线程相关的操作,线程是应用程序中工作的最小单元. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 #!/usr/bin/env pytho ...

  4. WCF消息

    1. MessageContract 序列化一个对象并生成消息的时候,希望将部分数据成员作为SOAP的报头,部分作为消息的主体.比如说,我们有一个服务操作采用流的方式进行文件的上载,除了以流的方式传输 ...

  5. C程序设计语言练习题1-5

    练习1-5 修改温度转换程序,要求以逆序(即按照从300度到0度的顺序)打印温度转换表. 代码如下: #include <stdio.h> // 包含标准库的信息. int main() ...

  6. WPF异常“调用线程无法访问此对象,因为另一个线程拥有该对象 ”

    WPF中在对界面进行操作的时候,可能会遇到"调用线程无法访问此对象,因为另一个线程拥有该对象"异常,这是因为WPF中只有UI线程才能操作UI元素,非UI线程要访问UI时就会报异常了 ...

  7. 把zlog封装成模块，隐藏zlog

    mylog.h #ifndef _MY_LOG_H #define _MY_LOG_H int init(char *filename); void *get_category(char * cate ...

  8. Oracle set autotrace 时提示:Cannot find the Session Identifier. Check PLUSTRACE role is enabled

    SQL> set autotrace Usage: SET AUTOT[RACE] {OFF | ON | TRACE[ONLY]} [EXP[LAIN]] [STAT[ISTICS]] SQL ...

  9. 通过内省机制设置JavaBean

    一.步骤: 1)使用PropertyDescriptor类获取属性描述者对象 //pd引用Student的name属性 PropertyDescriptor pd = new PropertyDesc ...

  10. android应用开发之Window，View和WindowManager .

    ViewManager  vm = a.getWindowManager(); vm.add(view,l); window :一个抽象的窗口基类,控制顶层窗口的外观和行为.作为顶层窗口,可控制窗口背 ...