javaScript中console.log()的用法

console.log()类似于alert啊，不过不会打断操作。主要是方便调式javascript用的。你可以看到你在页面中输出的内容，不过需要浏览器支持控制台输出。在浏览器界面使用快捷键 F12 就能打开控制台，这个F12 最确切的叫法是开发人员工具。其中，Console 即控制台。点击右键的 Clear console 菜单 或者 输入 clear() /console.clear()然后按回车即可清空控制台内容。

相比alert他的优点是：

1. 他能看到结构化的东西，如果是alert，弹出一个对象就是[object object],但是console能看到对象的内容。

2. console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。

3. console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到：                                                                           Firebug & Chrome Console 控制台的一些其他功能 :                                                                                 (1) 向控制台输出一条消息： console.log（object[,object,]）                                                                     (2) 向控制台输出一条消息,该信息包含一个“信息”的图标，和指向该行代码位置的超链接：     console.info（object[,object,]）    console.warn(object[,object,]) ,console.error(object[,object,])同info，区别是图标样式不同。error实际上和throw new Error()产生的效果相同，使用该语句时会向浏览器跑出一个js异常。console.assert(expression[,object,]) 断言，测试一条表达式是否为真，不为真时将抛出异常（断言失败）。  (3)console.dir(object) 输出一个对象的全部属性（输出结果类似于 DOM 面板中的样式）。                         (4)  console.dirxml(node) 输出一个 HTML 或者 XML 元素的结构树，点击结构树上面的节点进入到 HTML 面板。                                                                                                                                      (5) console.trace() 输出 Javascript 执行时的堆栈追踪。console.group(object[, object, ...]) 输出消息的同时打开一个嵌套块，用以缩进输出的内容。调用 console.groupEnd() 用以结束这个块的输出。console.groupCollapsed()同 console.group(); 区别在于嵌套块默认是收起的。console.time(name)计时器，当调用 console.timeEnd(name);并传递相同的 name 为参数时，计时停止，并输出执行两条语句之间代码所消耗的时间（毫秒）。                                                                                                                      console.profile([title])与 profileEnd() 结合使用，用来做性能测试，与 console 面板上 profile 按钮的功能完全相同。console.count([title]) 输出该行代码被执行的次数，参数 title 将在输出时作为输出结果的前缀使用。命令行控制台的输出面板右边，是控制台的输入面板（Chrome 调试工具对应为下方），在这里除了可以运行常规的 javascript 代码，还内置了相当数量的命令行可以辅助我们的调试工作。                                                         下面是一些常用命令行的简单介绍:                                                                                                      $(id)返回一个给定 id 的元素。$$(selector)返回给定的 css 选择器匹配到的一组元素.$0在 HTML 面板中选中的元素。$1上一次在 HTML 面板中选中的元素。$n(index)访问最近 5 个被选中过的元素，index 的范围： 0 – 4。nspect(object[, tabName])()在合适的（或一个指定的） tab 中检视一个对象。keys(object)返回一个对象的所有属性的键。values(object)返回一个对象的所有属性的值。debug(fn)在函数第一行添加一个断点，使用 undebug(fn) 移除断点。monitor(fn)开启一个函数的调用日志，使用 unmonitor(fn) 关闭该功能。monitorEvents(object[, types])开启一个元素的某个事件（或所有事件）被触发时的日志记录。用例如下：monitorEvents($0,['click'])上面的命令行被执行后，将开启当前在 HTML 面板中被选中元素的 click 事件监控，一旦这个元素的 click 事件被触发，事件对象将会在控制台输出。如果不指定第二个参数，将对所有事件进行记录。