为ES5或ES6中对象的嵌套属性简明定义Getter和Setter

Question

我需要为JavaScript中的嵌套对象创建getter和setter。目前，我正在下面的代码中使用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();