控制台工具

console对象在本书中非常常见。这个对象并不是语言的一部分,而是运行环境的一部分,目前大多数浏览器也都实现了这个对象。比如在Firefox中,它是通过Firebug扩展引入进来的。Firebug控制台工具包含UI操作界面,可以让你快速输入并测试JavaScript代码片段,也可以用它调试当前页面(图1-1)。笔者强烈推荐你使用它来辅助学习。Webkit核心的浏览器(Safari和Chrome)也提供了类似的工具,可以监控页面情况,IE8+也提供了开发者工具。

本书中大多数代码都使用console对象来输出结果,而没有使用alert()或者刷新当前页面,因为用这种方法输出结果实在太方便了。

console

图 1-1 使用Firebug控制台

我们经常使用log()方法,它将传入的参数在控制台输出,有时也会用到dir(),它可以将传入对象的属性枚举出来。例如:

  1. console.log("test", 1, {}, [1,2,3]);
  2. console.dir({one: 1, two: {three: 3}});

当你在控制台输入内容时,不必使用console.log()。为了避免混乱,有些代码片段仍然会使用console.log()进行输出,并假设所有的代码片段都使用控制台来运行:

  1. window.name === window['name']; // true

这和下面这种用法意思一样:

  1. console.log(window.name === window['name']);

这段代码在控制台中输出为true