控制台工具
console
对象在本书中非常常见。这个对象并不是语言的一部分,而是运行环境的一部分,目前大多数浏览器也都实现了这个对象。比如在Firefox中,它是通过Firebug扩展引入进来的。Firebug控制台工具包含UI操作界面,可以让你快速输入并测试JavaScript代码片段,也可以用它调试当前页面(图1-1)。笔者强烈推荐你使用它来辅助学习。Webkit核心的浏览器(Safari和Chrome)也提供了类似的工具,可以监控页面情况,IE8+也提供了开发者工具。
本书中大多数代码都使用console
对象来输出结果,而没有使用alert()
或者刷新当前页面,因为用这种方法输出结果实在太方便了。
图 1-1 使用Firebug控制台
我们经常使用log()
方法,它将传入的参数在控制台输出,有时也会用到dir()
,它可以将传入对象的属性枚举出来。例如:
console.log("test", 1, {}, [1,2,3]);
console.dir({one: 1, two: {three: 3}});
当你在控制台输入内容时,不必使用console.log()
。为了避免混乱,有些代码片段仍然会使用console.log()
进行输出,并假设所有的代码片段都使用控制台来运行:
window.name === window['name']; // true
这和下面这种用法意思一样:
console.log(window.name === window['name']);
这段代码在控制台中输出为true
。