平时在前端开发中我们常用的两个调试方法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()
看字面意思是输出上下文,暂时还没发现有什么用