Object创建define属性setter

时间:2014-09-23 14:56:13

标签: javascript oop setter defineproperty

我需要这样做,以便每次更改对象上的特定属性时 - 它将在同一对象上调用特殊方法。

示例:

MyObject.prototype = Object.create({
    specialMethod: function() { /* ... */ }
  }, {
    someValue: {
      set: function(value) {

        /* HOW DO I ASSIGN THE VALUE TO MyObject HERE?*/
        /* I can't do: this.someValue=value, that would create endless recursion */

        this.specialMethod();
      }
    }
  });

如何在属性设置器中将值赋给MyObject?

1 个答案:

答案 0 :(得分:4)

getter / setter属性中没有存储位置,您无法在其上存储值。你需要将它存储在其他地方并为此创建一个getter。两种解决方案:

  1. 使用第二个“隐藏”属性:

    MyObject.prototype.specialMethod: function() { /* ... */ };
    Object.defineProperty(MyObject.prototype, "someValue", {
        set: function(value) {
            this._someValue = value;
            this.specialMethod();
        },
        get: function() {
            return this._someValue;
        }
    });
    
  2. 使用闭包变量(通常在构造时创建) 实例):

    function MyObject() {
        var value;
        Object.defineProperty(this, "someValue", {
            set: function(v) {
                value = v;
                this.specialMethod();
            },
            get: function() {
                return value;
            }
        });
    }
    MyObject.prototype.specialMethod: function() { /* ... */ };