for in的缺陷

for in 语句用来列举对象的属性(成员)，如下

Js代码

1. varobj={name:"jack",
2. getName:function(){returnthis.name}
3. };
4. //输出name,getName
5. for(varatrinobj){
6. alert(atr);
7. }

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

Js代码

1. varobj={name:"jack",
2. getName:function(){returnthis.name},
3. toString:function(){return"I'mjack."}
4. };
6. for(varatrinobj){
7. alert(atr);
8. }

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、firefox3/chrome2/opera9/safari4下则输出name,getName,toString

总结下：在跨浏览器的设计中，我们不能依赖于for in来获取对象的成员名称。即使用，要小心谨慎。

2010-9-24

IE9 beta重写后可遍历，如{toString:function(){}}