JavaScript console.error

Anika Tabassum Era 2024年2月15日 JavaScript JavaScript Console

检查 JavaScript 中 console.error() 的使用
评估 JavaScript 中 console.log() 的使用

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