Установка перечислимого свойства на прототипе объекта

Question

Я пытаюсь установить перечислимое свойство с установщиком на прототипе объекта.

function Foo(){} 
Object.defineProperty(Foo.prototype, 'tag', { 
    enumerable: true, configurable: true, 
    set: function(x){ 
     if(typeof(x) == "string") { 
      Object.defineProperty(this, 'tag', {value: x}); 
     } 
    } 
}); 
var bar = new Foo(); 

bar.tag = 7;  console.log(bar.tag); // undefined 
bar.tag = "baz"; console.log(bar.tag); // "baz" 

console.log(bar); // {} 
console.log(bar.propertyIsEnumerable('tag')); // false 

Все работает, как ожидалось, за исключением двух последних строки.
Я только что протестировал код в узле v0.10.25. Я не понимаю, почему тег свойства не перечислим.
Как обходной путь, я использую Object.defineProperty в конструкторе против this вместо Foo.prototype, но я хотел бы понять, почему объект в javascript не может наследовать от enuerable свойств.

Answer 1

Вы повторно присвойте тег в функции набора (затенение тег путем создания элемента на экземпляр Foo с именем бар), но не устанавливать его enumarable или конфигурируемый попробовать следующее:

function Foo(){} 
Object.defineProperty(Foo.prototype, 'tag', { 
    enumerable: true, configurable: true, 
    set: function(x){ 
     if(typeof(x) == "string") { 
      Object.defineProperty(this, 'tag', { 
       value: x, 
       enumerable: true 
      }); 
     } 
    } 
}); 
var bar = new Foo(); 

bar.tag = 7;  console.log(bar.tag); // undefined 
bar.tag = "baz"; console.log(bar.tag); // "baz" 

console.log(bar); // { tag="baz" } 
console.log(bar.propertyIsEnumerable('tag')); // true 

Более подробную информацию о затенение членов, функции конструктора и прототип: https://stackoverflow.com/a/16063711/1641941

Answer 2

Я думаю, что вы можете определять свойства объекта, а не прототип или функцию конструктора, см. Также this post.

Вот почему положить object.defineProperty внутри конструктора будет работы: this внутри конструктора является объектом.

Answer 3

проблема заключается в том, что ваши два Object.defineProperty вызова определяет различные свойства:

• Один сеттер свойство на прототипе
• Одно значение свойства на каждом this, то есть экземпляр

В то время как один на прототипе перечисляемость и настраивается, то свойство экземпляра не будет «наследовать» эти дескрипторы; и они будут default to false на новом дескрипторе. Вам необходимо будет установить их в явном виде:

Object.defineProperty(Foo.prototype, 'tag', { 
    enumerable: true, configurable: true, 
    set: function(x){ 
     if (typeof(x) == "string") 
      Object.defineProperty(this, 'tag', { 
       enumerable:true, configurable:true, // still non-writable 
       value: x 
      }); 
    } 
});