JavaScript调试技巧的console.log()详解

1.什么是console.log()？除了一些非常老的浏览器，现在大多数浏览器都有自己的调试功能。即使没有调试功能，也可以通过安装插件来补充。比如旧版Firefox没有自带调试工具，这种情况下可以通过安装Firebug插件来添加调试功能。在具有调试功能的浏览器上，窗口对象中注册了一个名为console的成员变量，它引用了调试工具中的console。通过调用console对象的log()函数，可以在控制台中打印信息。例如，以下代码将在控制台中打印“示例日志”:复制的代码如下： window . console . log(‘示例日志’)；以上代码可以忽略窗口对象直接缩写：复制的代码如下： console . log(' Sample log ')；Console.log()可以接受任何字符串、数字和JavaScript对象。与alert()函数类似，console.log()也可以接受换行符和制表符。console.log()语句打印的调试信息可以在浏览器的调试控制台中看到。console.log()的行为在不同的浏览器中可能会有所不同。本文主要讨论console.log()在Firebug中的使用。二是兼容浏览器，无需调试控制台。对于没有调试控制台的老浏览器，window中的console对象是不存在的，所以直接使用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岁。”4.除了console.log()，Firebug还支持许多不同的日志级别：调试、信息、警告和错误。以下代码将在控制台中打印这些不同日志级别的信息：复制代码如下：//使用不同日志级别的console . log(' log level ')；console.debug(“调试级别”)；console.info(“信息级别”)；console.warn(“警告级别”)；console.error('错误级别')；从Firebug控制台可以看到，不同日志级别打印信息的颜色和图标是不同的；同时，您可以在控制台中选择不同的日志级别来过滤这些信息：。