JavaScript console.error
Anika Tabassum Era
2024年2月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');
}
输出：
.webp)
我们没有在我们的 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');
}
输出：
.webp)
每当我们添加 id=id1 时，element 变量会找到其验证并从 console.log() 以中性颜色返回消息。
我们使用 JSbin 作为编辑器。这就是为什么它显示绿色。在浏览器控制台的其他地方，它将是中性色调。
