位置:海鸟网 > IT > JavaScript >

必须谨慎for in的缺陷

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来获取对象的成员名称。即使用,小心谨慎。