JavaScript中console.log()函数的详细介绍

与alert()相比，console.log()是一种更好的调试JavaScript程序的方法，因为alert()函数会阻塞JavaScript程序的执行并造成副作用。但是，console.log()只在控制台中打印相关信息，因此不会引起类似的问题。

什么是console.log()？

除了一些非常老的浏览器，现在大多数浏览器都有自己的调试功能。即使没有调试功能，也可以通过安装插件来补充。比如旧版Firefox没有自带调试工具，这种情况下可以通过安装Firebug插件来添加调试功能。在具有调试功能的浏览器上，窗口对象中注册了一个名为console的成员变量，该变量引用调试工具中的console。通过调用console对象的log()函数，可以在控制台中打印信息。例如，以下代码将在控制台中打印“示例日志”:

复制代码如下： window . console . log(' sample log ')；

上面的代码可以忽略窗口对象，缩写为：

复制代码如下：console.log(“示例日志”)；

Console.log()可以接受任何字符串、数字和JavaScript对象。与alert()函数类似，console.log()也可以接受换行符和制表符。

console.log()语句打印的调试信息可以在浏览器的调试控制台中看到。各浏览器具体查看方式请参考以下网页：http://stackoverflow.com/Questions/4743730/什么是控制台日志和我如何使用它。

console.log()的行为在不同的浏览器中可能会有所不同。本文主要讨论console.log()在Firebug中的使用。

没有调试控制台的兼容浏览器。

对于缺少调试控制台的旧浏览器，窗口中的控制台对象不存在，因此直接使用console.log()语句可能会导致浏览器内部出现错误(空指针错误)，最终导致部分旧浏览器崩溃。要解决这个问题，可以人工定义console对象，并声明console对象的log函数为空函数。这样，当console.log()语句被执行时，这些旧浏览器将不会做任何事情：

复制的代码如下：if(！window . console){ window . console={ log : function(){ } }；}

但是，在大多数情况下，没有必要进行这种兼容性工作-应该从最终产品代码中删除调试代码，如console.log()。

使用参数

与alert()函数类似，console.log()也可以接受变量并将它们与其他字符串拼接在一起：

复制的代码如下：//使用variablevar name=' Bobconsole.log('名称为： '的名称)；

与alert()函数不同，console.log()还可以接受变量作为参数传递到字符串中，其具体语法与c语言中的printf语法一致：

复制代码如下：//使用参数var people=' Alexvar年份=42；console . log(“% s”已存在%d年。人，年)；

上述代码的执行结果为：“Alex 42岁。”。

使用其他日志级别。

除了console.log()，Firebug还支持许多不同的日志级别：调试、信息、警告和错误。以下代码将在控制台中打印这些不同的日志级别信息：

复制代码如下：//使用不同的日志记录级别console . log(' log level ')；console.debug(“调试级别”)；console.info(“信息级别”)；console.warn(“警告级别”)；console.error('错误级别')；

从Firebug控制台可以看到，不同日志级别打印信息的颜色和图标是不同的；同时，您可以在控制台中选择不同的日志级别来过滤这些信息：