簡潔的Getter和Setter定義，用於在ES5或ES6中嵌套對象的屬性

Question

我需要創建getter和setter以便在JavaScript中嵌套對象。 目前，我在下面的代碼中使用Object.defineProperty() 。

定位到ES5或ES6。

我想要

• 您知道這種寫法不太冗長（或更好的選擇）嗎？
• 在getter和setter屬性上使用.bind（base）的替代解決方案。

  var base = { _name: 'default', _properties: { _top: 0 }, constructor: function () { } }; Object.defineProperty(base, 'name', { get: function () { return this._name; }, set: function (value) { this._name = value; } }); Object.defineProperty(base, 'properties', { get: function () { return this._properties; }, set: function (value) { this._properties = value; } }); // nesting properties Object.defineProperty(base.properties, 'top', { get: function () { return this._properties._top; }.bind(base), set: function (value) { this._properties._top = value; console.log('WORKS!'); }.bind(base) }); console.log(base.name); base.name = 'Foo'; console.log(base.name); console.log(base.properties.top); base.properties.top = 1000; console.log(base.properties.top); 

Answer 1

這是主意嗎？ 通過jsbin上的babel測試並運行es6。

var base = {
  _name: 'default',
  get name() {
    return this._name;
  },

  set name(n) {
    return this._name = n;
  },

  _properties: {
    _top: 0,
    get top() {
      return this._top;
    },
    set top(t) {
      return this._top = t;
    },

  },

  get properties() {
    return this._properties;
  },

};

或基於類的版本：

class Base {
  constructor() {
    this._name = 'default';
    this._properties = {
      _top: 0,
      get top() { return this._top; },
      set top(val) { return this._top = val; }
    };
  }

  get name() {
    return this._name;
  }

  set name(n) {
    return this._name = n;
  }

  get properties() {
    return this._properties;
  }

}

var b = new Base();