JavaScript中的console.log()是一个用于在浏览器的开发者工具控制台中输出信息的方法，它是一个非常实用的调试工具，可以帮助我们查看代码的执行过程和结果，本文将详细介绍console.log()的使用方法。
1、console.log的基本用法
console.log()的基本用法非常简单，只需要将要输出的信息作为参数传递给它即可。
console.log("Hello, World!");
这段代码将在控制台中输出"Hello, World!"。
2、输出变量值
我们可以使用console.log()输出变量的值，以便于查看变量的变化情况。
var a = 10;
var b = 20;
console.log("a的值为：" + a);
console.log("b的值为：" + b);
这段代码将在控制台中输出：
a的值为：10 b的值为：20
3、输出对象属性和方法
我们可以使用console.log()输出对象的属性和方法，以便于查看对象的内容。
var person = {
name: "张三",
age: 30,
sayHello: function() {
console.log("你好！");
}
};
console.log(person);
person.sayHello();
这段代码将在控制台中输出：
{ name: '张三', age: 30, sayHello: [Function: sayHello] }
你好！
4、输出数组元素
我们可以使用console.log()输出数组的元素，以便于查看数组的内容。
var arr = [1, 2, 3, 4, 5]; console.log(arr);
这段代码将在控制台中输出：
[1, 2, 3, 4, 5]
5、格式化输出字符串和数字
我们可以使用模板字符串（template string）和JSON.stringify()方法来格式化输出字符串和数字。
var name = "张三";
var age = 30;
console.log(我的名字是${name}，我今年${age}岁。); // 使用模板字符串格式化输出字符串和数字
console.log(JSON.stringify({ name: name, age: age })); // 使用JSON.stringify()方法格式化输出对象的属性值和键名
这段代码将在控制台中输出：
我的名字是张三，我今年30岁。{"name":"张三","age":30}
6、输出错误信息和堆栈跟踪信息
我们可以使用console.error()方法输出错误信息，并使用%c占位符输出堆栈跟踪信息。
function divide(a, b) {
return a / b; // 除数为0时会抛出异常，导致程序中断执行后续代码。
}
divide(10, 0); // 这里会抛出异常，但不会执行后面的代码。
console.error("%c发生了一个错误！", "color: red; font-size: 24px;"); // 输出错误信息和堆栈跟踪信息。
这段代码将在控制台中输出：
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/183495.html
微信扫一扫 