Có nghĩa là gì?

Question

Tôi được chuyển đến số for..in page của MDN khi nói, "for..in Lặp lại các thuộc tính đếm được của một đối tượng".

Sau đó, tôi đã đi đến số Enumerability and ownership of properties page nơi thông báo "Thuộc tính có thể đếm được là những thuộc tính có thể được lặp lại bởi vòng lặp for..in".

Từ điển được định nghĩa là đếm được, nhưng tôi không thể hình dung được ý nghĩa của nó. Tôi có thể lấy một ví dụ về cái gì đó được liệt kê không?

Answer 1

Thuộc tính có thể đếm được là thuộc tính có thể được đưa vào và truy cập trong vòng for..in vòng lặp (hoặc lặp lại các thuộc tính tương tự, như Object.keys()).

Nếu thuộc tính không được xác định là đếm được, vòng lặp sẽ bỏ qua nó nằm trong đối tượng.

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" 

---

Một tài sản được xác định là đếm được hay không bằng cách riêng [[Enumerable]] attribute của nó. Bạn có thể xem đây như một phần của property's descriptor:

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 } 

Một for..in vòng lặp sau đó lặp qua tên thuộc tính của đối tượng.

var foo = { bar: 1, baz: 2}; 

for (var prop in foo) 
    console.log(prop); // outputs 'bar' and 'baz' 

Nhưng, chỉ đánh giá tuyên bố của mình-console.log(prop); trong trường hợp này - đối với những thuộc tính mà [[Enumerable]] thuộc tính là true.

Tình trạng này được đặt ra bởi vì đối tượng have many more properties, đặc biệt là from inheritance:

console.log(Object.getOwnPropertyNames(Object.prototype)); 
// ["constructor", "toString", "toLocaleString", "valueOf", "hasOwnProperty", "isPrototypeOf", "propertyIsEnumerable", /* etc. */] 

Mỗi thuộc tính vẫn exists on the object:

console.log('constructor' in foo); // true 
console.log('toString' in foo); // true 
// etc. 

Tuy nhiên, họ đang bỏ qua (hoặc "không được tính ") bởi vòng lặp for..in vì chúng không thể đếm được.

var descriptor = Object.getOwnPropertyDescriptor(Object.prototype, 'constructor'); 

console.log(descriptor.enumerable); // false 

Answer 2

Nếu bạn tạo đối tượng qua myObj = {foo: 'bar'} hoặc ở nơi nào đó, tất cả thuộc tính đều có thể đếm được. Vì vậy, câu hỏi dễ dàng hơn để hỏi là, những gì không phải là đếm? Một số đối tượng có một số thuộc tính không thể đếm được, ví dụ nếu bạn gọi Object.getOwnPropertyNames([]) (trả về một mảng thuộc tính, có thể đếm được hay không, trên []), nó sẽ trả về ['length'], bao gồm thuộc tính không thể đếm được của một mảng, ' chiều dài'.

Bạn có thể làm cho tính chất phi đếm được của riêng bạn bằng cách gọi 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' 

Ví dụ này vay mượn rất nhiều từ Non-enumerable properties in JavaScript, nhưng cho thấy một đối tượng được liệt kê trên. Thuộc tính có thể là hoặc không thể ghi, có thể định cấu hình hoặc đếm được. John Resig thảo luận về điều này trong phạm vi ECMAScript 5 Objects and Properties.

Và, có câu hỏi về Stack Overflow về why you'd ever want to make properties non-enumerable.

Answer 3

Nếu bạn gặp khó khăn trong việc hình dung "có nghĩa là gì để được liệt kê?" tại sao không tự hỏi mình, có nghĩa là gì không thể đếm được?

tôi nghĩ về nó một chút như thế này, một nonenumerable tài sản tồn tại nhưng là một phần hidden; có nghĩa là không thể đếm số là điều kỳ lạ. Bây giờ bạn có thể tưởng tượng được liệt kê như những gì còn lại - tài sản tự nhiên hơn mà chúng ta thường gặp phải vì chúng ta đã phát hiện ra Đối tượng. Cân nhắc

var o = {}; 
o['foo'] = 0;        // enumerable, normal 
Object.defineProperty(o, 'bar', {value: 1}); // nonenumerable, weird 

Bây giờ trong một for..in, tưởng tượng nó như giả

for property in o: 
    if not property enumerable continue // skip non-enumerable, "bar" 
    else do /* whatever */    // act upon enumerable, "foo" 

nơi cơ thể của vòng lặp bạn gõ vào Javascript là ở nơi /* whatever */

Answer 4

Đó là rất nhiều nhàm chán hơn cái gì đó nên được hình dung.

Có nghĩa đen là thuộc tính trên tất cả các thuộc tính được gọi là "đếm được". Khi được đặt thành false, phương thức for..in sẽ bỏ qua thuộc tính đó, giả sử nó không tồn tại.

Có rất nhiều thuộc tính trên các đối tượng có "liệt kê" được đặt thành false, như "valueOf" và "hasOwnProperty", vì nó được cho là bạn không muốn công cụ JavaScript lặp lại trên các đối tượng đó.

Bạn có thể tạo các thuộc tính không đếm được của riêng bạn bằng cách sử dụng phương pháp 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 
    }); 

Bây giờ, thực tế là có thậm chí là một bí mật về chiếc xe là ẩn. Tất nhiên họ vẫn có thể truy cập vào bất động sản trực tiếp và nhận được câu trả lời:

console.log(car.mySecretAboutTheCar); // prints 'cat pee in back seat' 

Tuy nhiên, họ sẽ phải biết rằng tài sản tồn tại đầu tiên, bởi vì nếu họ đang cố gắng để truy cập nó thông qua for..in hoặc Object.keys nó sẽ vẫn hoàn toàn bí mật:

console.log(Object.keys(car)); //prints ['make', 'model', 'year', 'condition', 'mileage'] 

Họ nên gọi nó là "forInAble".

Answer 5

phương pháp không được liệt kê; hoặc được xây dựng trong phương pháp không phải là .. tho sau khi tìm kiếm trên những gì enumerable có nghĩa là để java script; nó chỉ đề cập đến thuộc tính property .. tất cả các đối tượng được tạo trong ecma3 đều có thể đếm được, và ecma5 u bây giờ có thể định nghĩa nó .... đó là nó ..: D lol đưa tôi một chút để tìm câu trả lời; nhưng tôi tin rằng nó được nói đến trong cuốn sách của David Flanagan .. vì vậy tôi đoán nó có nghĩa là "ẩn", hoặc không "ẩn" trong các phương pháp đó không được hiển thị trong vòng lặp, và do đó "ẩn"

Answer 6

Tôi sẽ viết một định nghĩa dòng của ENUMERABLE

Có thể đếm được: Chỉ định xem thuộc tính có thể được trả về trong vòng lặp for/in hay không.

var obj = {}; 
Object.defineProperties(data, { 
    set1: {enumerable: true}, 
    set2: {enumerable: false}, 
}); 
Object.keys(obj); // ["set1"] 
Object.getOwnPropertyNames(obj); // ["set1", "set2"]