使用Firebug或chrome-devToolBar深入学习javascript语言核心

使用Firebug和chrome-devToolBar调试页面样式或脚本是前端开发每天必做之事。这个开发神器到底能给我们带来哪些更神奇的帮助呢？这几天看的一些资料中给了我启发，能不通过Firebug和chrome-devToolBar发现JS的全局对象的全部属性呢？能不能发现document对象中含有哪些不常用而又需要深刻理解的属性呢？

我们在此开8！

一.浅析for-in语句

for-in循环也被称为“枚举”，用在非数组对象的遍历上，这个语句可以返回对象中的属性或属性对应的值。

从技术上将，你可以使用for-in循环数组（因为JavaScript中数组也是对象），但这是不推荐的。因为如果数组对象已被自定义的功能增强，就可能发生逻辑错误。另外，在for-in中，属性列表的顺序（序列）是不能保证的。所以最好数组使用正常的for循环，对象使用for-in循环。

有个很重要的 hasOwnProperty() 方法，当遍历对象属性的时候可以滤掉从原型链上扩展或继承的属性。

这里来看一个例子：

// 对象
var obj = {
    a: 2,
    b: 2,
    c: 1
 };

 // 给所有对象扩展了一个方法
 if (typeof Object.prototype.other === "undefined") {
    Object.prototype.other = function () { };
 }

我们现在使用 obj.other

二.对象是什么？

三.一个极简单对象的遍历方法

四.Javascript中本地对象、内置对象和宿主对象

五.全新的参考手册：使用Firebug或chrome-devToolBar深入学习javascript语言