HOWTO · JavaScript

JavaScript console.error

JavaScript 有多個與其他資料型別和物件互動的物件。控制檯也是一個類似的物件，它允許我們在瀏覽器環境中預覽開發輸出。本文展示了控制檯在 JavaScript 中的使用。

作者 Anika Tabassum Era發佈於 2022-05-10更新於 2024-02-15

本頁內容

console 是一個積極用於列印的物件。這個 console 物件還有其他部分，例如 console.log() 和 console.error()。

檢查 JavaScript 中 `console.error()` 的使用

我們將定義一個具有 id 名稱的變數。然後檢查那個 id 是否存在。

console.error() 的結果是一個紅色的 warning，其中包含有資訊。當出現一些不可避免的錯誤時，它可以發揮重要作用。

就像缺少元素、數字除以 0、獲取 API 失敗或陣列超出其記憶體限制一樣。見例子；

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>test</title>
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
<div id=""></div>
</body>
</html>

const element = document.getElementById('id1');
if (element == null) {
  console.error('Element doesn\'t exist.');
} else {
  console.log('It\'s present');
}

輸出：

檢查 console.error() 的使用

我們沒有在我們的 HTML 結構中初始化 id=id1。因此沒有找到該元素，console.error() 以令人震驚的色調顯示其訊息。

評估 JavaScript 中 `console.log()` 的使用

使用 console.log() 將返回訊息中性。只有當程式碼片段滿足任何有效任務時，此訊息才會起作用。

瞭解何時啟動 console.log() 或 console.error() 至關重要。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>test</title>
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
<div id="id1"></div>
</body>
</html>

const element = document.getElementById('id1');
if (element == null) {
  console.error('Element doesn\'t exist.');
} else {
  console.log('It\'s present');
}