console调试

  • 输出
    log、info、warn、error

在这里插入图片描述

  • 占位符
    %d、%s、%i、%f、%o、%c
占位符作用
%d数字
%s字符串
%i整数
%f浮点数
%o对象
%c输出样式

在这里插入图片描述

  • 调试
    console.debug()

  • 清空
    console.clear()

  • 表格
    var thisObj = [
        { name: ‘quber’, email: ‘qubernet@163.com’, qq: 757200834 },
        { name: ‘xm’, email: ‘xm@126.com’, qq: 757200833 },
        { name: ‘jack’, email: ‘jack@sina.com’, qq: 757200832 },
        { name: ‘maer’, email: ‘maer@gmail.com’, qq: 757200831 }
      ];
      console.table(thisObj);在这里插入图片描述

  • 树结构
    var thisObj = [
        { name: ‘quber’, email: ‘qubernet@163.com’, qq: 757200834 },
        { name: ‘xm’, email: ‘xm@126.com’, qq: 757200833 },
        { name: ‘jack’, email: ‘jack@sina.com’, qq: 757200832 },
        { name: ‘maer’, email: ‘maer@gmail.com’, qq: 757200831 }
      ];
      console.dir(thisObj);
    在这里插入图片描述

  • 断言

console.assert(1 ===1, "(断言为真)");   // 无结果输出
console.assert(1 ===0, "断言为假");     // 输出错误信息,内容为 断言为假
  • html或xml
    console.dirxml()
  • 轨迹追踪
    console.trace()
  • 计时
    time、timeLog、timeEnd
console.time("控制台计时器");
for(var i = 0; i < 10000; i++){
    for(var j = 0; j < 10000; j++){}       
}
console.timeEnd("控制台计时器")

在这里插入图片描述

  • 分组
    group、groupCollapsed、groupEnd
   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();

在这里插入图片描述

  • 计数
    count、countReset
function testFn() {
    console.count('当前执行的次数');
  }
  testFn();
  testFn();
  testFn();

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值