console入门

console入门


console回车后查看

常用:

  • console.log(object[, object, ...])
    打印日志
    (第一个参数,可以输出类似 C 语言 printf 字符串替换模式,绘制图案)
  • console.debug()
    打印调试,和log一样,颜色不同
  • console.error()
    打印错误,同上;同时打印出瞬间的调用栈,同trace;
  • console.info()
    打印信息,同上
  • console.warn()
    打印警告,同上
  • console.assert(expression[, object, ...])
    打印断言,类似于单元测试中的断言,当 expression 表达式为 false 的时候,输出后面的信息
  • console.clear()
    清空 console 中的所有信息 (Chrome中不支持)
  • console.dirxml(<node>)
    把 html 元素的html 代码打印出来,等同于log
  • console.trace()
    查看当前函数的调用堆栈信息,即当前函数是如何调用的
  • console.group(object[, object, ...]), console.groupCollapsed(), console.groupEnd()
    这 3 个函数用于把 log 等输出的信息进行分组,方便阅读查看。
    groupCollapsed() 方法与 group() 方法一样,只是显示的分组默认是折叠的.
  • console.time(name)/console.timeEnd(name)
    我们经常需要测试 js 函数的执行时间,可能我们自己写代码在第1 条语句和 最后 1 条语句取当前时间相减。
    这组函数其实就实现了这样的功能:
    time(name)根据 name 创建 1 个新 的计时器;=>
    timeEnd(name)停止给定name 的计时器,并显示时间。
  • console.profile(name)/console.profileEnd()
    这组方法用于打开浏览器的分析器,用于分析这组函数之间的 js 执行情况,
    注:firebuglite 不支持 profile 功能,Chrome 支持 profile,但分析的内容不详。
  • console.count([title])
    用于统计当前代码执行次数:title+“:”+次数
  • console.table(data)
    以表格形式显示data数据
    注:只支持 firebug1.6+
  • conssole.timestamp

Log 支持下面几种替换模式:

  • %s (代替字符串)
  • %d%i (代替整数)
  • %f (代替浮点值)
  • %o%O (代替 Object)
  • %c (css样式)
    e.g:console.log("%c你好","color:red;font-size:28px"),在控制台输出有意思的图案~!
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值