Answers:
可枚举的属性是可以在for..in
循环(或类似的属性迭代,例如Object.keys()
)中包含和访问的属性。
如果某个属性未标识为可枚举,则循环将忽略该属性在对象内。
var obj = { key: 'val' };
console.log('toString' in obj); // true
console.log(typeof obj.toString); // "function"
for (var key in obj)
console.log(key); // "key"
属性通过其自身的[[Enumerable]]
属性被标识为可枚举或不可枚举。您可以将其视为属性描述符的一部分:
var descriptor = Object.getOwnPropertyDescriptor({ bar: 1 }, 'bar');
console.log(descriptor.enumerable); // true
console.log(descriptor.value); // 1
console.log(descriptor);
// { value: 1, writable: true, enumerable: true, configurable: true }
一for..in
则遍历对象的属性名称进行迭代。
var foo = { bar: 1, baz: 2};
for (var prop in foo)
console.log(prop); // outputs 'bar' and 'baz'
但是,console.log(prop);
在这种情况下,仅对[[Enumerable]]
属性为的那些属性评估其语句true
。
之所以存在此条件,是因为对象具有更多的属性,尤其是继承的属性:
console.log(Object.getOwnPropertyNames(Object.prototype));
// ["constructor", "toString", "toLocaleString", "valueOf", "hasOwnProperty", "isPrototypeOf", "propertyIsEnumerable", /* etc. */]
这些属性中的每一个仍然存在于对象上:
console.log('constructor' in foo); // true
console.log('toString' in foo); // true
// etc.
但是,for..in
由于它们不可枚举,因此被循环跳过了。
var descriptor = Object.getOwnPropertyDescriptor(Object.prototype, 'constructor');
console.log(descriptor.enumerable); // false
But, they are skipped (or not counted) by the for..in loop because they are not enumerable
。Object.prototype
实际上,忽略这些属性是因为它们位于原型链的更上游,而不是因为它们不可枚举。无论是getOwnPropertyNames()
或keys()
显示不是对象的自身属性。附带说明一下,确实有许多内置属性是不可枚举的,因此不会显示keys()
,但是如果要遍历原型链,则必须编写额外的代码。
如果通过myObj = {foo: 'bar'}
或其他方式创建对象,则所有属性都是可枚举的。因此,更容易提出的问题是,什么是不可数的?某些对象具有一些不可枚举的属性,例如,如果您调用Object.getOwnPropertyNames([])
(将返回所有属性的数组,无论是否枚举,在[]上),它将返回['length']
,其中包括数组的不可枚举的属性'length'。 。
您可以通过调用Object.defineProperty
以下方法来创建自己的不可枚举的属性:
var person = { age: 18 };
Object.defineProperty(person, 'name', { value: 'Joshua', enumerable: false });
person.name; // 'Joshua'
for (prop in person) {
console.log(prop);
}; // 'age'
此示例大量借鉴了JavaScript中的Non-enumerable属性,但显示了被枚举的对象。属性可以是可写,可配置或可枚举的,也可以是不可写的。John Resig在ECMAScript 5对象和属性的范围内对此进行了讨论。
而且,还有一个堆栈溢出问题,关于为什么您要使属性不可枚举。
它比应该可视化的东西更无聊。
实际上,所有属性上都有一个称为“可枚举”的属性。如果将其设置为false,则该for..in
方法将跳过该属性,并假装该属性不存在。
对象上有许多属性将“可枚举”设置为false,例如“ valueOf”和“ hasOwnProperty”,因为假定您不希望JavaScript引擎在这些属性上进行迭代。
您可以使用以下Object.defineProperty
方法创建自己的不可枚举的属性:
var car = {
make: 'Honda',
model: 'Civic',
year: '2008',
condition: 'bad',
mileage: 36000
};
Object.defineProperty(car, 'mySecretAboutTheCar', {
value: 'cat pee in back seat',
enumerable: false
});
现在,关于汽车的秘密这个事实已经隐藏了。当然,他们仍然可以直接访问该属性并获得答案:
console.log(car.mySecretAboutTheCar); // prints 'cat pee in back seat'
但是,他们必须知道该属性首先存在,因为如果他们试图通过它进行访问,for..in
否则Object.keys
它将完全是秘密的:
console.log(Object.keys(car)); //prints ['make', 'model', 'year', 'condition', 'mileage']
他们应该将其称为“ forInAble”。
如果您难以想象“可枚举意味着什么?” 为什么不问自己,无数意味着什么呢?
我这样想,存在一个不可数的属性,但部分被隐藏了;意思是,无数是奇怪的。现在您可以想象剩下的可以枚举了-自从发现对象以来我们曾经遇到的更自然的属性。考虑
var o = {};
o['foo'] = 0; // enumerable, normal
Object.defineProperty(o, 'bar', {value: 1}); // nonenumerable, weird
现在在中for..in
,将其想象为伪代码
for property in o:
if not property enumerable continue // skip non-enumerable, "bar"
else do /* whatever */ // act upon enumerable, "foo"
您在JavaScript中键入的循环的主体位于/* whatever */
for-in
吗?