for in语句我们是不是经常使用,但是我们不得不谨慎它的以下缺陷
for in 语句用来列举对象的属性(成员)
如下
view sourceprint?1 var obj = { name:"jack",
getName:function(){return this.name}
};
//输出name,getName
for(var atr in obj) {
alert(atr);
}
注意了吗,没有输出obj的toString,valueOf等内置属性(或称内置成员,隐藏属性和预定义属性)。即for in用来列举对象的显示成员(自定义成员)。
如果重写了内置属性呢,下面就重写obj的toString
view sourceprint?1 var obj = {name:"jack",
getName:function(){return this.name},
toString:function(){return "I'm jack."}
}
for(var atr in obj) {
alert(atr);
}
会输出什么呢?
1、IE6/7/8 下和没有重写toString一样,仍然只输出name,getName
2、IE9/Firefox/Chrome/Opera/Safari下则输出name,getName,toString
总结下:在跨浏览器的设计中,我们不能依赖于for in来获取对象的成员名称。即使用,小心谨慎。