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
相關文章:
主站蜘蛛池模板: 久日精品 | 国产精品网址 | 欧美xxxx性| 日韩欧美不卡 | 久久精品成人一区 | 国产精品色av | 操夜夜| av网址在线 | 午夜性色a√在线视频观看9 | 国产精品伦一区二区三级视频 | 国产一在线| 国产情侣久久 | 亚洲精品国产一区 | 日韩国产在线 | 免费精品久久久久久中文字幕 | 看羞羞视频 | 天天干成人网 | 九色porny自拍视频 | 成人a在线观看 | 免费精品久久久久久中文字幕 | 免费一区| 免费a国产 | 久久99精品久久久 | 天天操天天玩 | 爱草视频| 免费在线观看一级毛片 | 久久久www成人免费无遮挡大片 | 91在线精品视频 | 欧美成人a| 国产欧美日韩综合精品一区二区 | 最新中文字幕在线播放 | 亚洲三区在线观看 | 91精品麻豆日日躁夜夜躁 | 欧美一区二区久久 | 久久偷人 | 国产日韩在线观看一区 | 欧美欧美欧美 | 国产免费一区二区三区免费视频 | 在线欧美视频 | 国产做a爱免费视频 | 欧美久久免费观看 |