JavaScript console.error
Anika Tabassum Era
2023年1月30日
2022年5月10日
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");
}
輸出：
.png)
我們沒有在我們的 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");
}
輸出：
.png)
每當我們新增 id=id1 時，element 變數會找到其驗證並從 console.log() 以中性顏色返回訊息。
我們使用 JSbin 作為編輯器。這就是為什麼它顯示綠色。在瀏覽器控制檯的其他地方，它將是中性色調。
Author: Anika Tabassum Era
