IE9的一个bug

在写JavaScript的时候，最烦人的就是进行浏览器适配，尤为是IE。

使用Chrome做为调试工具时，console.log的功能是很是方便的，可是，包含console.log的代码在IE下面就没有这么省心了。

在较低版本的IE里面，并无内置console对象，致使在代码里面试图调用console.log函数时，会直接抛出异常，致使后面的脚本没办法继续解释。在较高版本的IE里面，是有console对象的。

尝试吧下面的代码保存为HTML文件，使用IE9执行：

<script>
    alert("1");
    console.log("2");
    alert("3");
</script>

这段代码在IE下面运行会有两种结果：

1. 没有打开过开发人员工具

   只会出现一个alert弹窗

2. 打开过开发人员工具

   会出现两个alert弹窗

无论你是怎么想的，当我得知这一状况致使个人脚本工做异常的时候，真是有千万头草泥马在心头奔驰而过。这个错误比较蛋疼的地方是：1. 浏览器不报错，2. 无法“调试”。

错误缘由这里说的比较清楚，简单来讲就是必须打开开发者工具，JavaScript解释环境才会有console变量。

解决方法也很简单，有如下几种：

1. 避免在IE中使用console

2. 使用console时先对console进行判断

var console = console || {
    log: function () {}
}

目前在IE9及以前的版本是有这个问题的，高版本未测试。