for in的缺陷

 

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

var obj = { name:"jack",
      getName:function(){return this.name}
};
//输出name,getName
for(var atr in obj) {
    alert(atr);
}

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

var obj = {name:"jack",
      getName:function(){return this.name},
       toString:function(){return "I'm jack."}
};

for(var atr in obj) {
    alert(atr);
}

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(){}}