在JavaScript开发过程中，调试是必不可少的环节，而console.log()是最基础也最常用的调试工具之一。本文将系统讲解它的使用方法，帮助开发者快速上手。
基础语法
console.log()的基本语法非常简单，括号内可以传入任意类型的数据作为参数，调用后会将对应的内容输出到浏览器的控制台中。
// 打印字符串
console.log("这是一条日志信息");
// 打印数字
console.log(123);
// 打印布尔值
console.log(true);
// 打印未定义的值
console.log(undefined);多参数传入
console.log()支持同时传入多个参数，多个参数之间会用空格分隔开，输出时也会保持对应的顺序。
let name = "张三";
let age = 25;
let hobby = "编程";
// 同时打印多个变量
console.log("姓名：", name, "年龄：", age, "爱好：", hobby);打印复杂数据类型
除了基础数据类型，console.log()也可以打印数组、对象等复杂数据类型，输出时会展示对应的结构，方便开发者查看内部属性。
// 打印数组
let arr = [1, 2, 3, 4, 5];
console.log(arr);
// 打印对象
let user = {
name: "李四",
age: 30,
job: "前端开发"
};
console.log(user);
// 打印函数
function add(a, b) {
return a + b;
}
console.log(add);格式化输出
和很多编程语言的打印方法类似，console.log()也支持占位符格式化输出，常用的占位符有%s（字符串）、%d（数字）、%o（对象）等。
let product = "笔记本电脑";
let price = 5999;
let info = {
brand: "某品牌",
color: "银色"
};
// 使用占位符格式化输出
console.log("商品：%s，价格：%d元，详情：%o", product, price, info);使用注意事项
虽然console.log()使用很方便，但在实际开发中也需要注意一些问题，避免影响代码运行效率。
- 生产环境记得删除或注释掉不必要的
console.log()语句，避免暴露敏感信息，同时减少不必要的性能消耗。 - 打印对象时注意，控制台中展示的对象内容是动态的，如果你后续修改了对象属性，之前打印的内容可能也会同步更新，需要点击展开查看初始快照的话可以使用
console.log(JSON.parse(JSON.stringify(obj)))的方式。 - 不同浏览器的控制台对
console.log()的输出样式可能有细微差异，但核心功能是一致的。
和其他控制台方法对比
除了console.log()，控制台还有其他输出方法，各自有不同的适用场景，以下是简单对比：
| 方法 | 作用 | 适用场景 |
|---|---|---|
console.log() | 基础日志输出 | 普通调试信息打印 |
console.error() | 错误级别日志输出 | 打印错误信息，控制台会以红色样式展示 |
console.warn() | 警告级别日志输出 | 打印警告信息，控制台会以黄色样式展示 |
console.info() | 信息级别日志输出 | 打印提示信息，部分浏览器和console.log()样式一致 |
掌握console.log()的正确使用方法，能让你在JavaScript开发调试时事半功倍，搭配其他控制台方法使用，能更高效地定位和解决代码问题。
JavaScriptconsole.log调试方法浏览器控制台修改时间：2026-05-24 23:16:14