前言

在过去的十年里，我最喜欢的事情之一是前端开发(尤其是JavaScript)。作为一名“工匠”，我喜欢专攻各种工具。在本文中，我将向您介绍一些使用旧控制台进行调试的技巧。

是的，我们都知道以下基本技能：

控制台日志('你好，世界！');console . info(‘发生了一些事……’)；控制台.警告(‘发生了奇怪的事情……’)；控制台错误(‘发生了可怕的事情……’)；从现在开始，我会教你一些你不知道的技能，让你成为一名老司机！

1.console.trace()

如果您想知道消息打印在哪里，请使用console.trace()获取要打印的数据的堆栈。

2.console.time() console.timeEnd()

如果要分析功能的性能，可以用console.time()来计时，用console.timeEnd()来结束时间，控制台会打印出两次的时间差。

3.控制台.内存

如果您发现很难分析性能问题，您可能必须考虑是否存在内存泄漏。您可以使用console.memory(注意，内存是console的属性，而不是函数)来检查当前的堆使用情况。

4.console . profile(' profile name ')console . profile end(' profile name ')

虽然这不是一个标准做法，但它被广泛接受和使用。您可以使用这两个命令来启动和停止分析。这将帮助您在代码中进行准确的分析。无需依靠手动鼠标点击。您可以在浏览器控制台Javacript Profiler中找到刚才的配置文件。

5.控制台计数(“我计数的东西”)

有时，为了记录一个函数或一段代码被重复执行的次数，可以使用console.count('？')来记录。每次执行代码，都会自动加1。

6.console.assert(false，“记录我！”)

您可以使用console.assert在某些错误条件下输出消息，而不是使用if-else。

注意：节点下将报告一个错误.

7.console . group(' group ')console . group end(' group ')

如果要格式化打印的日志，可以使用console.group()和console.groupEnd()。使用console.group将日志聚合到组中并形成嵌套层次结构。

看看这个例子：

8.字符串替换

您可以使用console.log打印变量(%s=字符串，% I=整数，% o=对象，% f=浮点)。

9.console.clear()

我们已经在控制台上打印了很多记录，所以我们可以使用console.clear()来清除它们。

10.console.table()

大结局的最后一个！您可以使用console.table()以表格的形式打印对象。

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。有问题可以留言交流。谢谢你的支持。