Использование Object.defineProperties дает два свойства

Question

Я пытаюсь создать объект. Но я не понимаю, почему мои установщики getter свойств не могут просто позвонить this.bar. Таким образом, мой объект foo, кажется, имеет два свойства.

Правильно ли это или я:

1. используя defineProperties неправильные
2. отсутствует точка

создание foo с bar собственности

var foo = function() 
{ 
    Object.defineProperties(this, { 
     bar : { 
      get : function() {return this.barVal}, 
      set : function(value) { this.barVal = value}, 
      enumerable: true, 
      configurable: true 
     } 
    }) 
}; 

var o = new foo(); 
o.bar = "Hello"; 
console.log(JSON.stringify(o)); 

//output {"bar":"Hello","barVal":"Hello"} 

Answer 1

JSON.stringify активирует getter для разрешения свойства. Ваш сеттер устанавливает второе свойство, так что вы в конечном итоге видите оба. Что вам нужно, это способ сохранить «внутреннее» значение для foo.bar, которое не является ON foo.

function Foo(){ 
    var secret = {}; 
    Object.defineProperties(this, { 
    bar: { 
     get: function(){ return secret.bar }, 
     set: function(v){ secret.bar = v }, 
     enumerable: true, 
     configurable: true 
    } 
    }); 
} 


var foo = new Foo; 
foo.bar = 'Hello'; 
console.log(JSON.stringify(foo)); 

Answer 2

Вы создаете два свойства, одно из которых называется «бар», а другое - «barVal». «bar» создается вызовом defineProperties, а «barVal» создается путем присвоения this.barVal в функции set. Оба они имеют истинное значение для своего перечислимого атрибута (вы явно задали его для varVal, назначение неявно устанавливало его для barVal), поэтому оба они перечислены JSON.stringify.

Если цель заключается в barVal следует рассматривать как частное значение, которое не обнаруживается в формате JSON или в перечислении вы можете явно установить его перечислимую атрибут ложь:

var foo = function() 
{ 
    Object.defineProperties(this, { 
     bar : { 
      get : function() {return this.barVal}, 
      set : function(value) { this.barVal = value}, 
      enumerable: true, 
      configurable: true 
     }, 
     barVal : { 
      value: undefined, 
      enumerable: false, writable: true, configurable: true 
     } 
    }) 
};