资讯专栏INFORMATION COLUMN

关于console的小技巧

luqiuwen / 285人阅读

摘要:判断第一个参数是否为真,的话抛出异常并且在控制台输出相应信息。以参数为标识记录调用的次数,调用时在控制台打印标识以及调用次数。如果可以,打印元素表示的指定对象,或者对象视图。接受一个参数作为标识,结束特定的计时器。

我们在写代码的时候,偶尔会打印出后端传过来的信息,然后根据信息写我们的html代码,本来以为console.log就可以了,但是偶然又发现了console是有家族的,这说明了系统看文档的重要性与好处。

Console.assert()

判断第一个参数是否为真,false的话抛出异常并且在控制台输出相应信息。

Console.clear()

清空控制台。

Console.count()

以参数为标识记录调用的次数,调用时在控制台打印标识以及调用次数。

Console.debug()

console.log方法的别称,使用方法可以参考Console.log()

Console.dir()

打印一条以三角形符号开头的语句,可以点击三角展开查看对象的属性。

Console.dirxml()

如果可以,打印 XML/HTML 元素表示的指定对象,或者 JavaScript 对象视图。

Console.error()

打印一条错误信息,使用方法可以参考 string substitution。

Console._exception()

error方法的别称,使用方法参考 Console.error()

Console.group()

打印树状结构,配合groupCollapsed以及groupEnd方法;

Console.groupCollapsed()

创建一个新的内联 group。使用方法和group相同,不同的是groupCollapsed打印出来的内容默认是折叠的。

Console.groupEnd()

结束当前Tree

Console.info()

打印以感叹号字符开始的信息,使用方法和log相同

Console.log()

打印字符串,使用方法比较类似C的printf格式输出,可参考 string substitution 。

Console.profile()

可以以第一个参数为标识,开始javascript执行过程的数据收集。和chrome控制台选项开Profiles比较类似,具体可参考chrome profiles

Console.profileEnd()

配合profile方法,作为数据收集的结束。

Console.table()

将数据打印成表格。Console.table [en-US]

Console.time()

计时器,接受一个参数作为标识。

Console.timeEnd()

接受一个参数作为标识,结束特定的计时器。

Console.timeStamp()

添加一个标记到浏览器的 Timeline 或 Waterfall 工具.

Console.trace()

打印stack trace.

Console.warn()

打印一个警告信息,使用方法可以参考 string substitution。

先挖个坑,再来填

参考链接https://developer.mozilla.org...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94571.html

相关文章

  • 使用 javascript 的小技巧

    摘要:与条件判断一般我们判断或用如果我们有更多水果与去重提供了新的数据结构。所以所有的关于数据的操作,都可以用函数式的方式处理。这样做的可读性远远高于嵌套一大堆的函数调用我们选择一些函数,让它们结合,生成一个崭新的函数。 1、Array.includes 与条件判断 一般我们判断或用 || // condition function test(fruit) { if (fruit...

    econi 评论0 收藏0
  • JS 中可以提升幸福度的小技巧

    本文主要介绍一些JS中用到的小技巧,可以在日常Coding中提升幸福度,将不定期更新~ 1. 类型强制转换 1.1 string强制转换为数字 可以用*1来转化为数字(实际上是调用.valueOf方法)然后使用Number.isNaN来判断是否为NaN,或者使用 a !== a 来判断是否为NaN,因为 NaN !== NaN 32 * 1 // 32 ds * 1 ...

    tain335 评论0 收藏0
  • 原生javascript的一些好用的小技巧1

    摘要:以下我经常用,又总是记不住的几个方法转成数组形式获取中的内容关键在页面标签加载完成事件关键在阻止浏览器事件默认行为关键,记忆方法阻止事件冒泡关键,记忆方法数组的几个常用方法是数组的每一项如的下标,每一个元素的顺序等同于一个单纯的循环可以对进 以下我经常用,又总是记不住的几个方法 document.querySelectorAll 转成数组形式; [].slice.call(docume...

    qujian 评论0 收藏0
  • ES6+好用的小技巧,让你的代码更干净,短巧,易读

    摘要:模板字符串扩展操作符操作符,有两个主要用处复制一个新的数组或对象把多个参数赋值给一个数组变量把一个数组变量赋值给多个参数是一个新的数组,内容和一样合并对象属性,后边的属性会覆盖前边的,可用于修改对象的某个属性值输出默认参数给方法添加默认参 模板字符串 let name = siri, age = 18, job = front-end engineer let oldStr = Hi,...

    sanyang 评论0 收藏0
  • 七个 JavaScript 实用小技巧

    摘要:接下来先介绍七个马上就能用起来的小技巧。老实讲,文章所说的小技巧大部分都是新增的语法特性,,或者说已经发布好些年头,这些特性大家可能已经非常熟识。,对象合并,不多说,大部分场景可以取代。 作者:@davidwalshblog原文:7 Useful JavaScript Tricks 和许多其他语言一样,JavaScript 也需要靠很多小技巧去完成各种不同的事情。有的可能早已经广为人...

    Lin_YT 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<