Rudolph javascript 监听简单对象属性的变化 -- 回调函数的应用

转载于 2015-03-26 13:43:00 发布 · 47 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wangjunwei/p/4368505.html

文章标签：

#javascript #ViewUI

本文介绍了如何通过JavaScript实现简单对象属性的变化监控，包括设置默认值、定义setAttr方法来跟踪属性变动，并触发回调函数。

http://www.oschina.net/code/snippet_1590754_46481

//简单对象的属性的变化监控
//通过setAttr改变属性的值
  
var o = {
  'a':2,
  'b':3
};
function watch(obj, attr, callback){
   if(typeof obj.defaultValues == 'undefined'){
      obj.defaultValues = {};
      for(var p in obj){
        if(typeof obj[p] !== 'object')
            obj.defaultValues[p] = obj[p];
      }
   }
   if(typeof obj.setAttr == 'undefined'){
      obj.setAttr = function(attr, value){ 
              if(this[attr] != value){
                this.defaultValues[attr] = this[attr];
                this[attr] = value;
                return callback(this);
              }
              return this;            
       };
   }
}
watch(o, 'a', function(obj){
  console.log(obj);
});
o.setAttr('a',4);