プロパティをオーバライドした時のfor-inの挙動について

Question

function Hoge(){}
Hoge.prototype.a = 'a';

var obj = new Hoge();
Object.defineProperty(obj, 'a', {value: 1});

for(var prop in obj){
  console.log(prop)
}

プロパティaをObject.definePropertyでenumerable:falseでオーバーライドしものを
for-inで回すと、IEとchrome(firefox)で動作が異なります。

• IE :'a'が表示される。
• chrome(firefox):何も表示されない

これはIEのバグでしょうか？

（環境はwindows7-IE11です）

上記コードはこちらのcodepenで確認できます。
https://codepen.io/anon/pen/rpqdRW?editors=1111

Answer 1

試してみましたが、おそらく解釈の違いによるものでしょう
prototypeで設定したプロパティは普通に参照できますが
上書きした時にIEはenumerableな状態になりそれ以外はenumerableではない状態
となるようです。

function Hoge(){this.c='c1';}
Hoge.prototype.a='a1';
var obj1 = new Hoge();
Object.defineProperty(obj1, 'b', {value: 'b1'});
for(var i in obj1){
  console.log("obj1:"+i+":"+obj1[i]);
}

var obj2 = new Hoge();
Object.defineProperty(obj2, 'a', {value: 'a2'});
Object.defineProperty(obj2, 'b', {value: 'b2'});
Object.defineProperty(obj2, 'c', {value: 'c2'});
for(var i in obj2){
  console.log("obj2:"+i+":"+obj2[i]);
}

var obj3 = new Hoge();
Object.defineProperty(obj3, 'a', {enumerable: true});
Object.defineProperty(obj3, 'b', {enumerable: true});
Object.defineProperty(obj3, 'c', {enumerable: true});
for(var i in obj3){
  console.log("obj3:"+i+":"+obj3[i]);
}

var obj4 = new Hoge();
Object.defineProperty(obj4, 'a', {value: 'a4',enumerable: true});
Object.defineProperty(obj4, 'b', {value: 'b4',enumerable: true});
Object.defineProperty(obj4, 'c', {value: 'c4',enumerable: true});
for(var i in obj4){
  console.log("obj4:"+i+":"+obj4[i]);
}

※一部サンプルの詳細を追記

仕様上どちらかが間違っている（バグ）可能性もありますし
どちらでも解釈上問題ないような気もします。

Comments

[退会済みユーザー]

ご回答ありがとうございます。
色々検証した結果propertyIsEnumerableの結果がfalseになるのでIEのバグの方が高そうでした。
ひとまず。propertyIsEnumerableでfalseの場合、無視するようにして解決できました。