JavaScript console.error

Anika Tabassum Era 2024年2月15日
  1. 檢查 JavaScript 中 console.error() 的使用
  2. 評估 JavaScript 中 console.log() 的使用
JavaScript console.error

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');
}

輸出:

評估 console.log() 的使用

每當我們新增 id=id1 時,element 變數會找到其驗證並從 console.log() 以中性顏色返回訊息。

我們使用 JSbin 作為編輯器。這就是為什麼它顯示綠色。在瀏覽器控制檯的其他地方,它將是中性色調。

Anika Tabassum Era avatar Anika Tabassum Era avatar

Era is an observer who loves cracking the ambiguos barriers. An AI enthusiast to help others with the drive and develop a stronger community.

LinkedIn Facebook

相關文章 - JavaScript Console