av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JavaScript設計模式--橋梁模式引入操作實例分析

瀏覽:12日期:2023-10-25 16:08:48

本文實例講述了JavaScript設計模式--橋梁模式引入操作。分享給大家供大家參考,具體如下:

1.使用情況(1)事件的監控

#1,利用頁面的button來選擇寵物的例子(思路)

button.addEvent(element,'click',getPetByBame); function getPetByBame(e){ var id = this.id; asyncRquest('GET',’pet.action?id=’+id,function(pet){ consols.log('request pet'+pet.resopnseText) }) }

#2,addEvent函數

/*obj:需要增加事件的對象* type:事件名稱* fn:執行事件的函數* */function addEvent(obj,type,fn){//addEvent:為某個文檔節點增加事件的方法 if(obj.addEventListener){//Mozilla中: obj.addEventListener(type,fn,false); }else if(obj.attachEvent){//IE中: obj['e'+type+fn] = fn; obj[type+fn] = function(){ obj['e'+type+fn]() } obj.attachEvent('on'+type,fn) }}

總結:該種方式對于單元測試很難進行

改進為用簡單的橋梁模式來解決

#1,后臺中的api

function getPetByBame(id,callBack){ sayncRquest('GET',’url?id=’+id,function(pet){ callBack(pet) })

#2,橋梁

//定義一個橋梁叫抽象和實現相互聯系在一起 addEvent(element,'click',getPetByNameBridge) function getPetByNameBridge(){ getPetByBame(this.id,function(pet){ consols.log('request pet'+pet.resopnseText); }) }

總結:這種做法使API和展現層完全分離,API和展現層可以靈活的變動。

(2)特權函數

//特權函數var privilege=function () { //信息全封閉,內部業務邏輯復雜,做成一個特權函數,使調用方便 var complex=function (x,y) { //復雜的數學處理 } this.bridge=function () { //提供公共接口,返回一個單體 return { bridgeAdd:function () { //處理前 complex(1,2); //處理后 } } }}(3)多個類的連接

//多個類的連接var class1=function (a,b) { this.a=a; this.b=b;} var class2=function (e) { this.e=e; } //橋梁的連接 var bridgeClass=function () { this.one=new Class1(1,2); this.two=new Class1(1); }//目的:兩個類能獨立的修改,而門面的意義在于調用方便

橋梁模式:

JavaScript設計模式--橋梁模式引入操作實例分析

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 奇色影视 | 国产一区二区三区四区五区加勒比 | 日韩中文字幕在线观看 | 久久久久国产一区二区三区四区 | 精品国产伦一区二区三区观看体验 | 国产一级大片 | 欧美日韩亚洲系列 | 美日韩免费 | 国产91久久久久蜜臀青青天草二 | 日韩国产欧美一区 | www.v888av.com | 午夜资源| 色综合久 | 欧美日韩成人在线观看 | 日韩精品在线观看免费 | 久久久久久久国产 | 国产成人免费视频网站高清观看视频 | 国产精品福利在线观看 | 久久久久久久网 | 成人国产精品久久 | 国产成人一区在线 | 人人做人人澡人人爽欧美 | www久久久| 亚洲免费视频一区 | 插插插干干干 | 国产精品日日夜夜 | 免费在线观看一区二区 | 亚洲成人三级 | 国产91av视频| 中文字幕精品视频 | 一区二区av | 亚洲+变态+欧美+另类+精品 | 久草日韩 | 国产成人精品久久久 | 成人在线精品 | 91热在线 | 久久久成人网 | 精品欧美乱码久久久久久 | 精品久久久久久 | 日韩一区二区三区精品 | 午夜看电影在线观看 |