ECMAscript 6:观察类属性的更改

Question

假设我有一个定义如下的类：

class MyClass {

    constructor (a) {
        this.a = a;     
    }

    _onPropertyChanged() {
        // do something
    }
}

每当MyClass实例的属性"a“发生变化时，我都希望在该实例上触发_onPropertyChanged方法。使用ECMAscript 6实现这一目标的最佳(最优秀的)方法是什么？

Answer 1

没有最好的方法，实际的方法总是取决于最终的目标。

它的形式过于简单化(并具有足够的表现力)是：

class MyClass {

    constructor (a) {
      this.a = a;     
    }

    get a() {
      return this._a;
    }

    set a(val) {
      this._a = val;
      this._onPropertyChanged('a', val);
    }

    _onPropertyChanged(propName, val) {
        // do something
    }
}

Answer 2

这是一个简单的例子，说明了在这种情况下以及对单个属性可以做些什么。

class MyClass {

constructor (a) {
    this._a = a;
}

set a(value) {
    let hasChanged = (this._a !== value);
    this._a = value;
    //Assumes value is primitive. Customize for objects
    if(hasChanged) this._onPropertyChanged();

}

_onPropertyChanged() {
    // do something
}
}

Answer 3

先前的评论说，最简单的方法是为属性定义一个setter和getter。但是，如果您已经定义了一个setter，那么它将无法工作。

另一种方法是非标准的Object.prototype.watch，它只在壁虎中本地工作.如果您想要将其支持带到大多数其他浏览器，您可以使用一个小但功能强大的Andrea Giammarchi图书馆。