探索 JavaScript 控制台对象和日志记录！

如果您喜欢我写的内容并希望支持我，请在Twitter上关注我，以了解有关编程和类似主题的更多信息 ❤️❤️

JavaScript 控制台

console 对象提供对浏览器调试控制台（例如 Firefox 中的 Web 控制台）的访问。其具体工作原理因浏览器而异，但通常都提供了一组功能。

大多数开发人员通常使用它console.log()来调试 JavaScript 代码，但console它为我们提供了如此强大的功能集，如果不使用它们，或者至少不知道它们的作用，那将是多么可惜。

• console.log()用于日志信息的一般输出。
• console.info()信息的信息记录。
• console.warn()输出警告信息。
• console.error()将错误消息输出到 Web 控制台。

此外，使用其他日志记录console.log()将为您提供更具信息量和更清晰的日志。

让我们从探索控制台对象开始

我们看到 Console 对象有很多方法。让我们来探索一些更有用的方法。

控制台.clear()

清除console.clear()控制台。

控制台.dir()

console.log()以字符串表示形式打印对象，同时console.dir()将对象识别为对象并以干净的可扩展列表的形式打印其属性。

const dog = {name: 'Rex', age: 7, friends: ['cat', 'dog', 'duck']};
console.dir(dog);

控制台.table()

有了它，console.table()我们可以创建漂亮的表格。这可能是我最喜欢的console方法了。

console.time()、console.timeLog() 和 console.timeEnd()

用于console.time()启动计时器。
用于console.timeLog()打印计时器启动后经过的时间。
用于console.timeEnd()打印启动后的总时间console.time()。

console.group() 和 console.groupEnd()

console.group() 方法在 Web 控制台日志中创建一个新的内联组。这将使后续控制台消息额外缩进一个级别，直到调用 console.groupEnd() 为止。

使用 CSS 进行控制台日志记录

这适用于大多数控制台方法，例如.log()、等。.warn().error()

请注意，我们必须使用“％c”才能使 css 起作用！

console.log(
        "%cTheDailyTechTalk!",
        "color:red;font-family:system-ui;font-size:4rem;-webkit-text-stroke: 1px black;font-weight:bold"
      );

我最近开通了一个新的博客TheDailyTechTalk，在这里创作免费内容。如果你喜欢这篇文章，并且想阅读更多关于 JavaScript 的文章，欢迎访问 🎉🎉
🥰