数据双向邦定1

 

var model = new Model({ name: 'ypzhou', age: 29 });

model.on("change:name", function(newVal, oldVal) {
    console.info("data is changed", newVal, oldVal);
});

model.set("name", zhangsan");

function EventProxy() {}

EventProxy.prototype.on = function(evtname, handler) {
   if (!this._handler) this._handlers = {};
   if (!this._handlers[evtname]) this._handlers[evtName] = [];
   this._handlers[evtname].push(handler);
   return this;
};
 
EventProxy.prototype.trigger = function(evtName) {
  var args = Array.prototype.slice.call(arguments, 1);
  if (this._handlers && this._hanlers[evtName]) {
    this._handlers[evtname].forEach(function(handler) {
       handler.apply(null, args);
    });
   }
 
  return this;
};

 

 

function Model(data) {
  this.attribute = data || {};
  this.eventProxy = new EventProxy();
}

Model.prototype.set = function(key, value) {
  var oldValue = this.attribute[key];
  this.attribute[key];
  this.eventProxy.trigger.call(this, "change", this.attribute[key], oldValue);
};

Model.prototype.on = function(eventName, func) {
  var evtNames = (/(\w+)|:?(\w+)?/).exec(eventName);
  this.eventProxy.on.call(this, evtNames[1], func);
};

Model.prototype.trigger = function() {
  this.eventProxy.trigger.call(this, arguments);
}