【javascript基础】之【IE著名bug——如果某个实例属性与标为[[DontEnum]]的某个属性同名，那么该实例属性不会出现在for in】

【题记】每次看《javascript高级程序设计》第九章第二节的“怪癖检测”的时候，看到IE的bug，看一下，知道有这么一个东西，因为实际项目中还没有用到这个，今天再看，势必要把这个搞清楚。

【正文】如果某个实例属性与标为[[DontEnum]]的某个属性同名，那么该实例属性不会出现在for in，

测试

 

<div id="txt"></div>

<script>

var arr = {

    "first":1,

    "second":2,

    "third":3,

    toString : function(){},

    valueOf : function(){},

    constructor : 11,

    hasOwnProperty : function(){},

    isPrototypeOf : function(){}

/*    propertyIsEnumerable : function(obj){

    }*/

};

var txt = document.getElementById("txt");

var str = "";

for(var o in arr){

    str += o + "'s [[DontEnum]] is " +  arr.propertyIsEnumerable(o) + "<br />" ;

}

txt.innerHTML = str;

</script>

结果如下，IE9，firefox,chrome,safari,opera都显示如下：

 

而IE8,6,7显示如下：

 

可见，IE9已经修复了这个bug， IE8以及版本以下的bug依然存在，同时，被打上[[DontEnum]]的属性有：toString,valueOf,constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable

最后，检测这个bug就更简单了，

  var isDontEnum = (function(){
    for (var p in { toString: 1 }) {
      if (p === 'toString') return false;
    }
    return true;
  })();

 

那么，如何修复这个BUG呢？

 /*@cc_on if(o.toString!=={}.toString){
2  // doStuff ... for example
3  alert(o.toString);
4 }@*/

 

Dean Edwards

 /*@cc_on
2 if(o.toString!==Object.prototype.toString){
3  // doStuff
4 }
5 if(o.valueOf!==Object.prototype.valueOf){
6  // doStuff
7 }
8 @*/

 参考：

http://webreflection.blogspot.com/2007/07/quick-fix-internet-explorer-and.html