11 个 JavaScript 控制台命令详解:这 11 个实用的 JavaScript 控制台命令值得了解。GenAI LIVE! | 2025 年 6 月 4 日

2025-06-09

11 个 JavaScript 控制台命令详解

以下是 11 个有用的 JavaScriptconsole命令。

GenAI LIVE! | 2025年6月4日

以下是 11 个有用的 JavaScriptconsole命令。

1.console.log()

第一个也是最常见的命令是 console.log() 命令。它接收一条消息并将结果打印到控制台。它还可以打印 JavaScript 对象、数组——JavaScript 中的所有数据类型。此外,它还会格式化结果的输出,以便于跟踪。



console.log("Hello World"); // Hello World
console.log({
  name: "Sam Simon",
  age: 43,
});
console.log(["Apple", "Banana", "Orange"]);


Enter fullscreen mode Exit fullscreen mode

console.log 对象

2.console.error()

开发人员使用 console.log() 命令来完成大多数工作,包括将错误记录到控制台。但您知道有一个专门的控制台命令吗?它就是这个console.error()命令。它与 console.log() 命令非常相似,只是它将您记录的内容包裹在一个红色的错误框中。



console.error("Something is wrong");


Enter fullscreen mode Exit fullscreen mode

console.error 示例

3.console.info()

此控制台命令对于将信息输出到控制台特别有用。与其使用 console.log(),不如使用 console.info(),这样可以使信息与其他控制台命令区分开来。



console.info("You are awesome");


Enter fullscreen mode Exit fullscreen mode

控制台信息示例

4.console.table()

处理数组时,通常希望将其表示为易于理解的结构。console.table() 命令可以帮您解决这个问题。



console.table(["orange", "apple", "grape"]);


Enter fullscreen mode Exit fullscreen mode

console.table() 示例

5.console.assert()

如果评估条件为假,此控制台命令会将错误消息写入控制台。



console.assert(2 > 3, "It cannot be");


Enter fullscreen mode Exit fullscreen mode

console.assert 示例

6.console.clear()

此命令将为您清除控制台。



console.clear(); //clears the console


Enter fullscreen mode Exit fullscreen mode

7. 和 8.console.group()console.groupEnd()

这两个控制台命令对于将控制台中的内容分组很有用。

console.group() 用于启动一个组。该组将持续运行,直到遇到 console.groupEnd()。

控制台组和组结束示例

9.console.warn()

在控制台中记录警告应该很容易!这就是 console.warn 命令存在的原因



console.warn("Some warning");


Enter fullscreen mode Exit fullscreen mode

控制台警告示例

10. 和 11.console.time()以及console.timeEnd()

有时您需要测量操作完成所需的时间。在这种情况下,您可以使用 console.time() 和 console.timeEnd() 函数。
使用 console.time() 启动计时器,使用 console.timeEnd() 停止计时器。



console.time();

for (let i = 0; i < 4; i++) {
  console.log("number " + i);
}

console.timeEnd(); // prints time taken since the timer started


Enter fullscreen mode Exit fullscreen mode

console.times 示例

你已经读完了。如果你喜欢这篇文章,请分享。
我鼓励你尝试一下这些控制台命令,以便更好地理解它们。
谢谢 XD

这篇文章最初写在我的新博客上

给我买杯咖啡

鏂囩珷鏉ユ簮锛�https://dev.to/josiasaurel/11-javascript-console-commands-explained-4pi5
PREV
如何在Android上安装Vscode Code Oss 如何安装
NEXT
我将加入 DEV 团队