zoukankan      html  css  js  c++  java
  • js的console你知道多少

    js的console你知道多少?

    1. 列出所有的console属性

      console.dir(console) 或者
      console.dirxml(console)
      
    2. 记录代码执行时间

      console.time("test");
      var count = 0;
      for(var i=0; i < 10000; i++) {
          count++;
      }
      console.timeEnd("test");
      
    3. 输出消息格式化

      console.log("Hello, %s", "world");
      支持的格式符号  
          %s        字符串
          %i %d     整数
          %f        浮点
          %o        dom元素
          %O        js对象
          %c        css样式
      给输出的消息添加样式
          console.log("%cHello %cWorld", "color:red;font-size:xx-large", "color: green;font-size:large");
      
    4. 消息分组

      console.group() 输入此代码,输出消息可折叠
      console.groupCollapsed() 和group的功能类似
      console.groupEnd() 退出分组
      
    5. 展示调用堆栈

      function f1() {
          f2();
      }
      
      function f2() {
          f3();
      }
      
      function f3() {
          // 方式1,直接调用trace
          console.trace();
      
          // 方式2,访问属性
          var e = new Error("test");
          console.log(e.stack);
      }
      
      f1()
      
    6. 用表格展示

      console.table({"a":"1","b":"2"})
      
    7. 对相同的值计数

      console.count("1"); // 1
      console.count("1"); // 2
      
    8. 清屏

      console.clear();
      
    9. 断言测试

      console.assert(1==="1") // 报错
      console.assert(1=="1") // 不报错
      
  • 相关阅读:
    django自学
    Oracle
    Linux查看日志常用命令
    Appium使用
    jmeter性能测试
    数据库连接
    redis相关
    ubuntu系统软件安装以及相关命令
    LINUX远程强制重启/proc/sys/kernel/sysrq /proc/sysrq-trigger
    sqlserver查询表大小
  • 原文地址:https://www.cnblogs.com/ye-hcj/p/10332102.html
Copyright © 2011-2022 走看看