本文實(shí)例講述了JavaScript設(shè)計(jì)模式之責(zé)任鏈模式。分享給大家供大家參考，具體如下：
介紹
責(zé)任鏈模式（Chain of responsibility）是使多個(gè)對(duì)象都有機(jī)會(huì)處理請(qǐng)求，從而避免請(qǐng)求的發(fā)送者和接受者之間的耦合關(guān)系。將對(duì)象連成一條鏈，并沿著這條鏈傳遞該請(qǐng)求，直到有一個(gè)對(duì)象處理他為止。
請(qǐng)求以后，從第一個(gè)對(duì)象開(kāi)始，鏈中收到請(qǐng)求的對(duì)象要么親自處理它，要么轉(zhuǎn)發(fā)給鏈中的下一個(gè)候選者。提交請(qǐng)求的對(duì)象并不知道哪一個(gè)對(duì)象將會(huì)處理它――也就是該請(qǐng)求有一個(gè)隱式的接受者（implicit receiver）。在運(yùn)行時(shí)，任一候選者都可以響應(yīng)相應(yīng)的請(qǐng)求，候選者的數(shù)目是任意的，也可以在運(yùn)行時(shí)刻決定哪些候選者參與到鏈中。
圖解為：
正文
（1）由于類一般是與接口打交道的，為此我們先定義一個(gè)規(guī)范類中方法的接口，代碼為
//定義一個(gè)靜態(tài)方法來(lái)實(shí)現(xiàn)接口與實(shí)現(xiàn)類的直接檢驗(yàn)//靜態(tài)方法不要寫(xiě)出Interface.prototype ,因?yàn)檫@是寫(xiě)到接口的原型鏈上的//我們要把靜態(tài)的函數(shù)直接寫(xiě)到類層次上//定義一個(gè)接口類var Interface=function (name,methods) {//name：接口名字 if(arguments.length<2){ alert("必須是兩個(gè)參數(shù)") } this.name=name; this.methods=[];//定義一個(gè)空數(shù)組裝載函數(shù)名 for(var i=0;i<methods.length;i++){ if(typeof methods[i]!="string"){ alert("函數(shù)名必須是字符串類型"); }else { this.methods.push( methods[i]); } }};Interface.ensureImplement=function (object) { if(arguments.length<2){ throw new Error("參數(shù)必須不少于2個(gè)") return false; } for(var i=1;i<arguments.length;i++){ var inter=arguments[i]; //如果是接口就必須是Interface類型 if(inter.constructor!=Interface){ throw new Error("如果是接口類的話，就必須是Interface類型"); } //判斷接口中的方法是否全部實(shí)現(xiàn) //遍歷函數(shù)集合分析 for(var j=0;j<inter.methods.length;j++){ var method=inter.methods[j];//接口中所有函數(shù) //object[method]傳入的函數(shù) //最終是判斷傳入的函數(shù)是否與接口中所用函數(shù)匹配 if(!object[method]||typeof object[method]!="function" ){//實(shí)現(xiàn)類中必須有方法名字與接口中所用方法名相同 throw new Error("實(shí)現(xiàn)類中沒(méi)有完全實(shí)現(xiàn)接口中的所有方法") } } }}（2）使用定義一個(gè)書(shū)店的接口
var bookShop=new Interface("bookShop",["addBook","findBook","showBooks"]);//書(shū)店接口（3）定義一個(gè)書(shū)類
var Book=function (bNm,bName,bAuthor,bType) { this.bNm=bNm; this.bName=bName; this.bAuthor=bAuthor; this.bType=bType;}（4）書(shū)店類=書(shū)架+圖書(shū)
1：在書(shū)店中添加書(shū)架和圖書(shū)
var pcatBookShop=(function(){ //書(shū)架 var jsBooks = new Array();//js書(shū)架 var cBooks = new Array();//c書(shū)架 var javaBooks = new Array();//java書(shū)架 //內(nèi)部類1 function AddJsBooks(book) { if(book.bType=="Js"){ jsBooks.push(book); }else { AddJsBooks.successor(book); } } //內(nèi)部類2 function AddJavaBooks(book) { if(book.bType=="Java"){ javaBooks.push(book); }else { AddJavaBooks.successor(book); } } //內(nèi)部類3 function AddCBooks(book) { if(book.bType=="C"){ cBooks.push(book); }else { AddCBooks.successor(book); } }})()2：擴(kuò)展設(shè)置責(zé)任鏈的方法（擴(kuò)展在windows上）
//擴(kuò)展window屬性window.setSuccessor=function (after,before) { after.successor=before;//引用的執(zhí)行}3:設(shè)置責(zé)任鏈，將每個(gè)對(duì)象鏈接起來(lái)
//設(shè)置責(zé)任鏈-----串起來(lái)setSuccessor(AddJsBooks,AddJavaBooks);setSuccessor(AddJavaBooks,AddCBooks);
（5）查詢圖書(shū)的方法：通過(guò)圖書(shū)編號(hào)和圖書(shū)圖書(shū)名稱
/**********查詢書(shū)籍************/ var bookList = null; function FindBbn(keyword) { //鏈的頭部來(lái)初始化參數(shù) if(!bookList){ bookList=jsBooks.concat(cBooks).concat(javaBooks); var book = new Array(); book=bookList.filter(function (book) {//對(duì)booklist進(jìn)行過(guò)濾，過(guò)濾的條件為匿名函數(shù) if(book.bName.indexOf(keyword)!=-1){ return true; }else { return false; } }); //我要進(jìn)行鏈?zhǔn)讲樵? return book.concat(FindBbn.successor(keyword)); } }; function FindByName(keyword,book){ var book = book; book = bookList.filter(function(book){ if(book.bName.indexOf(keyword) != -1){ return true; }else{ return false; } }); return book; }注意，數(shù)組的filter方法擴(kuò)展代碼如下
Function.prototype.method=function (name,fn) { this.prototype[name]=fn; return this;}if(!Array.prototype.filter){ Array.method("filter",function (fn,thisObj) { var scope=thisObj||window; var a=[]; for(var i=0;i<this.length;i++){ if(!fn.call(scope,this[i],i,this));{ continue; } a.push(this[i]); } //返回過(guò)濾好數(shù)據(jù) return a; })}（6）規(guī)劃責(zé)任鏈
setSuccessor(FindBbn,FindByName);
（7）真正的書(shū)店類（實(shí)現(xiàn)接口的類）
return function () { this.addBook=function (book) { if(book instanceof Book){ AddJsBooks(book);//因?yàn)槲抑勒l(shuí)是鏈的入口 } }; this.findBook=function (keyword) { return FindBbn(keyword);//游泳規(guī)劃的責(zé)任鏈可以從頭到尾的查詢?nèi)簦現(xiàn)indBbn沒(méi)有則到FindByName中查詢 } this.showBooks=function () { document.write("JS類圖書(shū)"+jsBooks.toSource()+"<br>"); document.write("Java類圖書(shū)"+javaBooks.toSource()+"<br>"); document.write("C類圖書(shū)"+cBooks.toSource()+"<br>"); //自動(dòng)生產(chǎn)---------- document.write(cpoyStr(60,"-")+"<br>"); } }注意，在window上擴(kuò)展一個(gè)可以自動(dòng)生成“---------------”的方法
//擴(kuò)展一個(gè)可以自動(dòng)生產(chǎn)-----的方法window.cpoyStr=function (num,str) { var newStr=""; for(var i=0;i<num;i++){ newStr+=str; } return newStr;};（8）使用書(shū)店
1：添加書(shū)
var pb = new pcatBookShop();pb.addBook(new Book("00101","JAVA","JIM","JAVA"));pb.addBook(new Book("00201","C#","world","C"));pb.addBook(new Book("00202","C++/C","Hello","C"));pb.addBook(new Book("00301","JAVASCRIPT","Good","JS"));2：對(duì)書(shū)架上的書(shū)進(jìn)行操作-----展示
//展示pb.showBooks();document.write(pb.findBook("C").toSource())為此我們基本上完成了對(duì)責(zé)任鏈模式的使用方式的基本學(xué)習(xí)。
更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題：《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
