本文详解JavaScript中console.log()函数的用法，涵盖基础打印、变量拼接及C语言风格格式化输出。针对无控制台的老版本浏览器提供兼容性解决方案，并介绍Firebug支持的debug、info、warn、error等多级日志过滤功能，帮助开发者高效进行前端调试。
console.log()基础用法与兼容性处理
目前主流浏览器均内置了调试工具，即便某些老旧版本缺失该功能，也可通过安装插件（如老版本Firefox的Firebug）来补充。在支持调试的浏览器环境中，window对象会注册一个名为console的成员变量，它指向调试工具的控制台接口。调用该对象的log()方法即可在控制台输出信息。例如，执行以下代码可在控制台打印出“Sample log”：
代码如下:
window.console.log("Sample log");由于window对象通常无需显式声明，上述代码可简化为：
代码如下:
console.log("Sample log");console.log()支持接收字符串、数字及JavaScript对象等任意类型数据。与alert()类似，它也能识别换行符\n和制表符\t。打印出的调试信息会显示在浏览器的调试控制台中。不同浏览器对console.log()的具体实现可能存在差异，本文重点以Firebug环境下的使用为例进行探讨。
二、兼容没有调试控制台的浏览器
对于不支持调试控制台的老版本浏览器，window对象中不存在console属性。若直接调用console.log()，可能引发空指针错误，甚至导致浏览器崩溃。为解决此兼容性问题，可手动定义console对象，并将其log方法设为空函数。这样，当执行console.log()时，老版本浏览器将静默处理，不会报错：
代码如下:
if(!window.console){
window.console = {log : function(){}};
}尽管存在上述兼容性问题，但在实际开发中通常无需进行此类处理。一般而言，console.log()等调试代码应在产品发布前从最终代码中移除。
三、使用参数
变量拼接与格式化输出
与alert()类似，console.log()支持变量拼接字符串：
代码如下:
//Use variable
var name = "Bob";
console.log("The name is: " + name);与alert()不同的是，console.log()支持将变量作为参数传入字符串，其语法格式与C语言中的printf类似：
代码如下:
//Use parameter
var people = "Alex";
var years = 42;
console.log("%s is %d years old.", people, years);上述代码执行后的输出结果为：“Alex is 42 years old.”
四、使用其它日志级别
多日志级别的使用与过滤
除console.log()外，Firebug还支持多种日志级别：debug、info、warn和error。以下代码演示了如何打印不同级别的日志信息：
代码如下:
//Use different logging level
console.log("Log level");
console.debug("Debug level");
console.info("Info level");
console.warn("Warn level");
console.error("Error level");在Firebug控制台中，不同日志级别的输出信息具有不同的颜色和图标标识。用户还可在控制台内选择特定的日志级别，以过滤显示对应的信息：
 |