Tại sao vòng lặp của tôi không hoạt động trên các thuộc tính Javascript của tôi?

Question

Tôi tạo ra đối tượng này và đó là thuộc tính:

var obj = {}; 

Object.defineProperty(obj, "value", { 
    value: true, 
    writable: false, 
    enumerable: true, 
    configurable: true 
}); 

var name = "John"; 

Object.defineProperty(obj, "name", { 
    get: function(){ return name; }, 
    set: function(value){ name = value; } 
}); 

Vì vậy, sau đó tôi gọi là một vòng lặp for trên chúng:

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

nào theo hướng dẫn của tôi, nên tạo ra kết quả như sau:

value 
name 

Nhưng thay vào đó, nó chỉ hiển thị giá trị. Tại sao tên không hiển thị?

Answer 1

Giá trị mặc định cho enumerable trong defineProperty là false; thuộc tính không thể đếm được không hiển thị trong các vòng for…in. (Đó là toàn bộ điểm của cờ enumerable.) Nếu bạn thêm enumerable:true vào định nghĩa thứ hai của bạn, nó sẽ 'sửa' nó.

Xem some docs.

Answer 2

Bởi vì sở hữu tên không được định nghĩa như đếm được, đưa ra định nghĩa tên để

Object.defineProperty(obj, "name", { 
    enumerable: true, 
    get: function(){ return name; }, 
    set: function(value){ name = value; } 
}); 

và nó sẽ hiển thị.