首页 > 技术文章 > 你不知道的console

bobo1 2019-10-02 13:41 原文

平时在前端开发中我们常用的两个调试方法alert()和console,以前我很喜欢用alert,现在发现还是console更方便一点

其实还有一个就是在代码行里写debugger,然后打开F12就是看见断点了

console方法:

平时我们使用最多的是console.log()

但大部分人都不知道console其实还有很多方法可以方便我们调试代码,下面我们来盘点一下↓

 首先就是我们打印console时用的这个方法:console.dir()就是可以打印显示一个对象所有的属性和方法。其实console.log()也可以,但console.dir()是专门干这个的,比如打印String这个对象

 

 

 

这时候console.log()就打印不出来所有属性和方法了

接下来我们就按打印出的顺序一个个看看:(下面小蓝色标题都是已验证,黑色标题待验证中...)

1.console.assert(flag,res)

作用:对输入的表达式进行判断,当表达式为true时,不执行在控制台输出信息的操作,当表达式为false时,在控制台中输出对应的信息。

参数:flag表示表达式,res示例代码。看示例↓

 2.console.clear()

这个应该不用多说,其实就是浏览器里这个功能,清除当前控制台的所有输出,将光标回置到第一行。

 

3.console.context()

看字面意思是输出上下文,暂时还没发现有什么用

推荐阅读