JavaScript - 控制台对象

窗口控制台对象

在 JavaScript 中，'console' 对象是 window 对象的一个属性。它允许开发者访问浏览器的调试控制台。

console 对象包含用于不同功能的各种方法。在 Node.js 中，console 对象用于与终端交互。

我们可以使用 window 对象访问 console 对象，也可以不使用 window 对象 - window.console 或简写为 console。

控制台对象方法

console 对象上有很多可用方法。这些方法用于执行许多任务，例如测试、调试和日志记录。

您可以使用以下语法访问 'console' 对象的方法：

window.console.methodName();
OR
console.methodName();

您可以在控制台中观察输出。要打开控制台，请使用 Ctrl + Shift + I 或 Cmd + Shift + I 键。

下面，我们将介绍 console 对象的一些方法及其示例。

JavaScript console.log() 方法

您可以使用 console.log() 方法在调试控制台中打印消息。它接受表达式或文本消息作为参数。

语法

请遵循以下语法使用 console.log() 方法。

console.log(expression);

在上述语法中，表达式可以是变量、数学表达式、字符串等，您需要在控制台中打印这些内容。

示例

在下面的代码中，单击按钮将调用 'printMessage' 函数。该函数在控制台中打印字符串文本和数字值。

<html>
<body>
   <h2> JavaScript console.log() Method </h2>
   <button onclick = "printMessage()"> Print Message in Console </button>
   <p> Please open the console before you click "Print Message in Console" button</p> 
   <script>
      function printMessage() {
         console.log("You have printed message in console!");
         let num = 10;
         console.log(num);
      }
   </script>
</body>
</html>

JavaScript console.error() 方法

console.error() 方法在控制台中打印错误消息，并以红色背景突出显示错误。

语法

请遵循以下语法使用 console.error() 方法。

console.error(message);

console.error() 消息接受消息作为参数。

示例

在下面的代码中，当您单击按钮时，printError() 函数会在控制台中记录错误。您可以看到以红色背景突出显示的错误。

<html>
<body>
   <h2> JavaScript console.error() Method </h2>
   <button onclick="printError()"> Print Error Message in Console </button>
   <p> Please open the console before you click " Print Error Message in Console" button.</p> 
   <script>
      function printError() {
         console.error("Error occured in the code!");
      }
   </script>
</body>
</html>

JavaScript console.clear() 方法

console.clear() 方法清除控制台。

语法

请遵循以下语法使用 console.clear() 方法。

console.clear()

示例

在下面的代码中，我们向控制台打印消息。之后，当您单击按钮时，它将执行 clearConsole() 函数并使用 console.clear() 方法清除控制台。

<html>
<body>
   <h2> JavaScript console.clear() Method </h2>
   <button onclick = "clearConsole()"> Clear Console </button>
   <p> Please open the console before you click "Clear Console" button</p> 
   <script>
      console.log("Hello world!");
      console.log("Click the button to clear the console.");
      function clearConsole() {
         console.clear();
      }
   </script>
</body>
</html>

控制台对象方法列表

在这里，我们列出了 console 对象的所有方法。

方法	方法描述
assert()	如果作为参数传递的断言为假，则在控制台中打印错误消息。
clear()	清除控制台。
count()	用于计算在特定位置调用 count() 方法的次数。
error()	在控制台中显示错误消息。
group()	用于在控制台中创建一组消息。
groupCollapsed()	用于在控制台中创建一个新的折叠的消息组。
groupEnd()	用于结束组。
info()	它在控制台中显示信息性或重要消息。
log()	它将消息打印到输出。
table()	它以表格格式在控制台中显示数据。
time()	它用于在控制台中启动计时器。
timeEnd()	它停止由 time() 方法启动的计时器。
trace()	它在控制台中显示堆栈跟踪。
warn()	它在控制台中显示警告消息。

打印页面