JS 简单对象的属性变化监控(回调函数的应用)

前端之家收集整理的这篇文章主要介绍了JS 简单对象的属性变化监控(回调函数的应用)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。
JS代码如下:

/**
 * Rudolph javascript 监听简单对象属性的变化
 * 简单对象的属性的变化监控
 * 通过setAttr改变属性的值
 * @param 
 * @arrange (512.笔记) jb51.cc
 **/
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);

// 来自:编程之家 jb51.cc(jb51.cc)

猜你在找的JavaScript相关文章