为什么通过Object.defineProperty添加的属性在Javascript中不可迭代

Question

考虑以下代码：

var a = {
    get aa() {
        return 'aa';
    }
};

Object.defineProperty(
    a,
    'bb',
    {
        get: function() {
            return 'bb';
        }
    }
);

for(p in a) {
    sys.puts(p + ': ' + a[p]);
}

输出结果为：

aa: aa

然而，属性bb是完全可访问和工作的。 为什么“bb”在for..in循环中不可见？

- Art

Answer 1

你需要将enumerable设置为true。

(你也可以尝试使用getOwnPropertyNames()，但我不确定它在跨浏览器方面的兼容性如何。)

var a = {
    get aa() {
        return 'aa';
    }
}, arr = [];

Object.defineProperty(
    a,
    'bb',
    {
        get: function() {
            return 'bb';
        },
        enumerable: true
    }
);

for(p in a) {
    arr.push(p + ': ' + a[p]);
}
alert(arr.join("\n"));

使用jsFiddle试一试

- Peter Ajtai

Answer 2

因为这种行为可能对添加元属性很有用。可以通过设置可枚举属性来更改此行为。https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty

- aaaaaaaaaaaa

Answer 3

对象属性的“元属性”的布尔字段默认为false，包括enumerable属性。

- Pointy