for in的缺陷

for in 语句用来列举对象的属性(成员),如下
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);  
}



会输出什么呢?
1、IE6/7/8 下和没有重写toString一样,输出name,getName
2、firefox3/chrome2/opera9/safari4下则输出name,getName,toString

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

2010-9-24
IE9 beta重写后可遍历,如{toString:function(){}} 

你可能感兴趣的:(浏览器)