调试利器 console

前言: 在开发过程,总免不了会出现一些问题难以解决,掌握各种调试技巧,可以在工作中达到事半功倍的效果。比如快速定位问题,降低故障概率,帮助分析逻辑错误等等。也有助于我们熟悉代码运行机制。特别是在今天的互联网开发环境中,效率和开发成本尤其重要,所以掌握调试技巧是每个程序员必备的技能。

Alert

这个经典的不能再经典了,在很长的一段时间里,都是它陪伴我们度过的。哪里出了问题,想看下变量是什么值,都是用window的alert方法来打印出来。但它有一点很不好,就是会阻止代码的继续运行,必须在你点击确定关闭它之后 代码才会继续往下走。虽然在今天浏览器功能已经非常强大了,但它仍有自身的价值,比如说给个提示什么的。

console

后来很多浏览器都推出了控制台,可以在上面直接打印信息。这也是我们今天的主角 conosle对象!

你如果觉得他只能打印一些变量的值,就有点大材小用了。

让我们来看一下它有哪些方法

接下来给这些方法分分类:

1.打印消息状态类

  console.log 用于输出普通信息

  console.info 用于输出提示性信息

  console.error用于输出错误信息

  console.warn用于输出警示信息

这些都是打印一些状态消息的,并没有功能上的区别 只是显示上和语义化上的不同。
2.分组

console的group和groupEnd可以给打印信息分组展示,有利于区分和查看


3.assert

console.assert可以对输入的表达式进行断言,只有表达式为false时,才输出相应的信息到控制台。

 

4、console.time 计时开始。console.timeEnd  计时结束(看了下面的图你瞬间就感受到它的厉害了)

5、keys和values 前者返回传入对象所有属性名组成的数据,后者返回所有属性值组成的数组。

6、console.table方法

7、console.profileconsole.profileEnd配合一起使用来查看CPU使用相关信。

 

原文地址:https://www.cnblogs.com/Running-cqw/p/5386774.html