zoukankan      html  css  js  c++  java
  • console的常见用法:

    关于console的用法:

    不整理不知道,一整理吓一跳,用法真多,又方便,有好看。咦咦咦
    

    1.常用的输出信息

        console.log('消息内容!'); //输出普通信息
      console.info('消息内 容!'); //输出提示信息
      console.error('消息内容!');//输出错误信息
      console.warn('消息内容!'); //输出警告信息
    

    就是这个样子的:
    在这里插入图片描述

    2.打印对象类型的数组 表格化

      var obj = [
        { name: '小唐', phone: '123456789', sex: '女' },
        { name: '小林', phone: '987654321', sex: '男'},
      ];
      console.table(obj );
    

    像这样:
    在这里插入图片描述

    3.将打印信息进行分组:

     console.group('分组1');
      console.log('分组1-1111');
      console.log('分组1-2222');
      console.log('分组1-3333');
     console.groupEnd();
    
     console.group('分组2');
      console.log('分组2-1111');
      console.log('分组2-2222');
      console.log('分组2-3333');
     console.groupEnd();
    

    你看看:
    在这里插入图片描述

    4. 查看这个方法执行了几次:

    就是直接输出相应的次数:

    function looknumber() {
        console.count('当前执行的次数');
    }
      looknumber();
      looknumber();
      looknumber();
    

    你瞅瞅:
    在这里插入图片描述

    5.统计时间,从哪里到哪里用了多少时间

    注意括号里面的内容要一致:

    console.time('统计时间');
      var count = 0;
      for (var i = 0; i < 999999999; i++) {
        count++;
      }
    console.timeEnd('统计时间');
    

    是这个样子的:
    在这里插入图片描述

    6.展示DOM结构:

    console.dirxml($('节点名称'));
    

    look look:
    在这里插入图片描述

    其它 , 感觉用不到:

    在这里插入图片描述
    在这里插入图片描述

    在这里插入图片描述

  • 相关阅读:
    win10重装vscode后打不开
    GDB 调试
    分布式架构--概述一
    汇编语言答案(王爽)第三版
    matplotlib之热成像图
    matplotlib之等高线图
    matplotlib之饼状图
    matplotlib之条形图绘制
    360图片网站批量抓取
    数据转换
  • 原文地址:https://www.cnblogs.com/tcz1018/p/14271222.html
Copyright © 2011-2022 走看看