javascript - 所有值的 ember.js 观察者

Question

在 Ember.js 中，是否有一种添加观察者的好方法，该观察者将观察 Ember.Object 的子类实例上的所有更改？

即 ( CoffeeScript )

Bat = Ember.Object.extend
    name: null
    age: null

hank = Bat.create
    name: 'Hank'
    age: 2

#Something like this
hank.addObserverToAll myClass, 'handleChange'

Answer 1

这是一个实现:http://jsfiddle.net/Sly7/GMwCu/

App = Ember.Application.create();

App.WatchedObject = Ember.Object.extend({
  firstProp: null,
  secondProp: "bar",

  init: function(){
    this._super();
    var self = this;
    Ember.keys(this).forEach(function(key){
      if(Ember.typeOf(self.get(key)) !== 'function'){
        self.addObserver(key, function(){
          console.log(self.get(key));
        });
      }
    }); 
  }
});

App.watched = App.WatchedObject.create({
  firstProp:"foo",
  plop: function(){},
  thirdProp: 'far'
});

App.watched.set('firstProp', 'trigObserver');
App.watched.set('secondProp', 'doesNotTrigObserver');
App.watched.set('thirdProp', 'alsoTrigObserver');

如您所见，它只处理属性，不处理函数(我想这就是您想要的)。
您还可以意识到它仅适用于传递给 create() 方法的属性，而不适用于类定义中指定的属性(即使用 extend)。