我们现在来看看在构建Web应用程序时你将始终依赖的一个API:谦逊的控制台。控制台是你在看到JavaScript正常工作时体验愉悦的地方,也是当你只看到一条神秘的错误消息时感到悲伤的地方。

人们使用控制台记录输出,比如计算结果、REST API的返回值、字符串处理的结果、提醒重新访问程序的某个部分(例如,TODO:修复)。可能性是无穷无尽的。你可以使用控制台输出任何你喜欢的信息。在浏览器中运行JavaScript时,控制台日志可见于浏览器的开发者控制台。

在这篇文章中,我们将看看控制台能做什么,以及一些你可能会发现有用或者只是纯粹有趣的较不常见的方法。无论你是Web开发的初学者,想要了解控制台的用途,还是经验丰富的开发者,你可能会发现一些你以前不知道存在的方法。让我们从最常见的方法开始,然后逐步了解其他方法,一路上都有示例。

记录到控制台

如果您了解有关 console.log() 的所有信息,则可以跳到日志记录级别,因为我们将首先快速介绍基础知识。 如果您还在这里,让我们了解一下控制台是什么以及如何使用它。 大多数人使用 console.log() 将有关其代码的通用信息发送到控制台,您可以在浏览器的开发人员工具(例如 Firefox 的开发人员工具)中找到这些信息。

log() 方法是控制台对象的基础:你向 log() 提供一些东西,瞧——它被记录到控制台:

const hello = "你好,欢迎查看我的开发文档!";
console.log(hello);
//控制台输出: 你好,欢迎查看我的开发文档!

很高兴通过使输出可见来了解您的代码是否按预期工作,例如我正在检查是否正确使用了 DateTimeFormat 的示例:

const currentDate = new Date();
const formattedDate = new Intl.DateTimeFormat("en-US").format(currentDate);
console.log("Current date:", formattedDate);
// "当前日期:" "11/28/2023"

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。