关于console的小技巧

虚海
• 阅读 1620

我们在写代码的时候,偶尔会打印出后端传过来的信息,然后根据信息写我们的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...

点赞
收藏
评论区
推荐文章
待兔 待兔
1年前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
ZY ZY
4年前
js堆和栈
浅析js中堆内存和栈内存我们常遇见的varletconst区别cont定义的基本类型不能改变,但是定义的对象是可以通过修改对象属性等方法来改变的consta1;console.log(a)//a;cosnole.log(a2)//报错constb;b.name1;console.log(b)//name:1con
小嫌 小嫌
4年前
Javascript中的变量提升
定义JavaScript中奇怪的一点是你可以在变量和函数声明之前使用它们。就好像是变量声明和函数声明被提升了代码的顶部一样。sayHi()//Hithere!functionsayHi()console.log('Hithere!')name'JohnDoe'console.log(name)//JohnDoevarn
Jacquelyn38 Jacquelyn38
4年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Jacquelyn38 Jacquelyn38
4年前
前端面试题集锦(奥利给!!!)
基础知识点与高频考题JavaScript基础console.log(1 < 2 < 3);console.log(3  2  1);// 写出代码执行结果,并解释为什么// 答案与解析true false对于运算符、<,一般的计算从左向右第一个题:1 < 2 等于 true, 然后true < 3,true  1 ,因此结果是t
郜小超 郜小超
5年前
浅谈promise和js执行机制(二)
让我们继续上一次遗留的问题:setTimeout(function(){console.log('1')});newPromise(function(resolve){console.log('2');resolve();}).then(function(){console.log('3')});conso
Easter79 Easter79
4年前
Typescript 常见的几种函数重载方法详解与应用示例
所谓的重载,其实就是使用相同的函数名,传入不同数量的参数或不同类型的参数,以此创建出多个方法或产生不同结果。1\.最常见的,也就是根据定义傻瓜式地判断参数类型与数量functionshowPerson(name,...others){console.log(name,others)}
Easter79 Easter79
4年前
Twitter的分布式自增ID算法snowflake (Java版)
概述分布式系统中,有一些需要使用全局唯一ID的场景,这种时候为了防止ID冲突可以使用36位的UUID,但是UUID有一些缺点,首先他相对比较长,另外UUID一般是无序的。有些时候我们希望能使用一种简单一些的ID,并且希望ID能够按照时间有序生成。而twitter的snowflake解决了这种需求,最初Twitter把存储系统从MySQL迁移
Stella981 Stella981
4年前
Intellij IDEA神器居然还有这些小技巧
概述IntellijIDEA真是越用越觉得它强大,它总是在我们写代码的时候,不时给我们来个小惊喜。出于对IntellijIDEA的喜爱,我决定写一个与其相关的专栏或者系列,把一些好用的IntellijIDEA技巧分享给大家。本文是这个系列的第一篇,主要介绍一些你可能不知道的但是又实用的小技巧。我最爱
Stella981 Stella981
4年前
JavaScript中相等判断和全等判断
引申:1.vara\0\  if(a)console.log(atrue) ;a\2\;atrue; //打印结果为false     2. varb2;if(b)console.log(btrue)  //打印结果为false 一下表格反应了当进行AB判断是进行的操作,一下内容来自h
Stella981 Stella981
4年前
PowerDesigner列名、注释内容互换
在用PowerDesigner时,常常在NAME或Comment中写中文在Code中写英文,Name只会显示给我们看,Code会使用在代码中,但Comment中的文字会保存到数据库TABLE的Description中,有时候我们写好了Name再写一次Comment很麻烦,以下两段代码就可以解决这个问题。在PowerDesigner中PowerDesig
虚海
虚海
Lv1
碛里征人三十万,一时回向月明看。
文章
3
粉丝
0
获赞
0