网络编程
位置:首页>> 网络编程>> JavaScript>> 小议javascript设计模式(6)

小议javascript设计模式(6)

作者:oldfish 来源:alipay UED 发布时间:2009-10-09 13:31:00 

标签:设计模式,JavaScript,接口,组合模式

Javascript设计模式之桥接模式

桥接模式:将抽象和其实现分离开来,以便二者独立变化。其实很简单,只是在API和具体事件之间增加一个桥梁,从而降低API和使用他的类和对象之间的耦合。

事实上对大多数同学来说桥接模式并不陌生,下面的this.getName就是一种桥接方法,他是外访问的一个接口,他的内部实现是通过访问内部私有变量来实现的,这个方法起到了外部和内部沟通的桥梁作用。

var ioldfish = function(){ 
      var name = '老鱼'; 
      this.getName = function(){ 
        alert(name);  
      } 
    }

桥接模式用的最多的还是在事件 * 回调函数。下面这个是获取用户信息的API接口函数:

function getUserInfo(userid,callback){ 
          asyncRequest('GET','userInfo?userid='+userid,function(resp){ 
          callback(resp.responseText);                                                  
        }); 
    }

接下去我们要做的是把这个API和某个事件的触发建立一个桥梁关系

addEvent(element,'click',bridgeMethod); 
   function bridgeMethod(e){ 
        getUserInfo(this.userid,function(){ 
          //回调函数实现代码                                 
        }); 
   }

这里在element对象click的时候触发函数并不是getIserInfo,而是新建了一个桥接方法bridgeMethod,通过这层桥接使得API接口函数和click事件相对独立,这样大大拓宽了API的适用范围。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com