桥接模式
2016-02-29 17:18
274 查看
转载请注明出处:/article/3711672.html
普通模式,前台业务和后台业务是在一起的,不便于调试,调试模式将前台和后台分开,这样后台可以单独进行单元测试
这样的普通模式,必须在前台点击按钮才能测试sendReq函数,用桥接模式可以单独运行这个函数(BH.EventUtil.addHandler的代码未贴出)
普通模式,前台业务和后台业务是在一起的,不便于调试,调试模式将前台和后台分开,这样后台可以单独进行单元测试
// 桥接模式: 主要作用就是把抽象和现实分离开来,使他们可以完全独立变化 // 应用场景:事件监听回调机制 (用户点击一个按钮,向服务器端发送信息) // 当页面加载完毕之后执行函数体 window.onload // classic $(function(){ // 1前台业务逻辑 var inp = document.getElementById('inp'); // 用事件注册的方式 在元素上添加事件 BH.EventUtil.addHandler(inp,'click',sendReq); //-------------------------------------------------- // 2后台业务逻辑 function sendReq(){// 处理后台的函数 //ajax //1 后台服务器的地址 //2 是一个对象或者一个字符串(参数) //$.post('URL',{msg:this.value},function(result){ // CallBack.... //}); alert('发送了指定的数据到后台:' + this.value); } });
这样的普通模式,必须在前台点击按钮才能测试sendReq函数,用桥接模式可以单独运行这个函数(BH.EventUtil.addHandler的代码未贴出)
// 利用桥模式 分开俩个业务逻辑单元 $(function(){ // 1前台业务逻辑 : 这一段代码处理前台的事件注册和绑定的 var inp = document.getElementById('inp'); // 用事件注册的方式 在元素上添加事件 BH.EventUtil.addHandler(inp,'click',bridgeHadler); //----------------------------------------------- // 利用桥模式分开 function bridgeHadler(){ var msg = this.value; sendReq(msg); } //----------------------------------------------- // 2后台业务逻辑 :这一段代码处理后台发送请求的 function sendReq(msg){// 处理后台的函数 //ajax //1 后台服务器的地址 //2 是一个对象或者一个字符串(参数) //$.post('URL',{msg:this.value},function(result){ // CallBack.... //}); alert('发送了指定的数据到后台:' + msg); } //单元测试的时候 sendReq('我也是数据..'); });
相关文章推荐
- 安卓app的文件读写方法
- AOJ--0525 Osenbei
- 转换人民币大写
- Android常见控件— — —ProgressBar
- 2016/02/29 codes
- [python实现设计模式]-1. 单例模式
- 性能调优之mysql通过status性能优化 1
- 《从零开始学Swift》学习笔记(Day 13)——数据类型之整型和浮点型
- 《从零开始学Swift》学习笔记(Day 13)——数据类型之整型和浮点型
- Oracle之创建自增的ID
- 公司AppleID的开通
- The nodes should be added to the underlying vendor clusterware before adding them to the CRS cluster
- 多线程
- hdu4557非诚勿扰
- 60.View the Exhibit and examine the structure of CUSTOMERS table.
- sphinx with autocomplete
- 软件工程概论第一周
- 自我介绍和注册过程
- Linux之内核源码树的建立
- 老李分享:HTTP session原理及应用 3