JavaScript设计模式之责任链模式的的示例分析
这篇文章主要介绍了JavaScript设计模式之责任链模式的的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
网站建设哪家好,找成都创新互联!专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了莲都免费建站欢迎大家使用!
本文实例讲述了JavaScript设计模式之责任链模式。分享给大家供大家参考,具体如下:
介绍
责任链模式(Chain of responsibility)是使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系。将对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理他为止。
请求以后,从第一个对象开始,链中收到请求的对象要么亲自处理它,要么转发给链中的下一个候选者。提交请求的对象并不知道哪一个对象将会处理它——也就是该请求有一个隐式的接受者(implicit receiver)。在运行时,任一候选者都可以响应相应的请求,候选者的数目是任意的,也可以在运行时刻决定哪些候选者参与到链中。
图解为:
正文
(1)由于类一般是与接口打交道的,为此我们先定义一个规范类中方法的接口,代码为
//定义一个静态方法来实现接口与实现类的直接检验 //静态方法不要写出Interface.prototype ,因为这是写到接口的原型链上的 //我们要把静态的函数直接写到类层次上 //定义一个接口类 var Interface=function (name,methods) {//name:接口名字 if(arguments.length<2){ alert("必须是两个参数") } this.name=name; this.methods=[];//定义一个空数组装载函数名 for(var i=0;i(2)使用定义一个书店的接口
var bookShop=new Interface("bookShop",["addBook","findBook","showBooks"]);//书店接口(3)定义一个书类
var Book=function (bNm,bName,bAuthor,bType) { this.bNm=bNm; this.bName=bName; this.bAuthor=bAuthor; this.bType=bType; }(4)书店类=书架+图书
1:在书店中添加书架和图书
var pcatBookShop=(function(){ //书架 var jsBooks = new Array();//js书架 var cBooks = new Array();//c书架 var javaBooks = new Array();//java书架 //内部类1 function AddJsBooks(book) { if(book.bType=="Js"){ jsBooks.push(book); }else { AddJsBooks.successor(book); } } //内部类2 function AddJavaBooks(book) { if(book.bType=="Java"){ javaBooks.push(book); }else { AddJavaBooks.successor(book); } } //内部类3 function AddCBooks(book) { if(book.bType=="C"){ cBooks.push(book); }else { AddCBooks.successor(book); } } })()2:扩展设置责任链的方法(扩展在windows上)
//扩展window属性 window.setSuccessor=function (after,before) { after.successor=before;//引用的执行 }3:设置责任链,将每个对象链接起来
//设置责任链-----串起来 setSuccessor(AddJsBooks,AddJavaBooks); setSuccessor(AddJavaBooks,AddCBooks);(5)查询图书的方法:通过图书编号和图书图书名称
/**********查询书籍************/ var bookList = null; function FindBbn(keyword) { //链的头部来初始化参数 if(!bookList){ bookList=jsBooks.concat(cBooks).concat(javaBooks); var book = new Array(); book=bookList.filter(function (book) {//对booklist进行过滤,过滤的条件为匿名函数 if(book.bName.indexOf(keyword)!=-1){ return true; }else { return false; } }); //我要进行链式查询 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; }注意,数组的filter方法扩展代码如下
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(6)规划责任链
setSuccessor(FindBbn,FindByName);(7)真正的书店类(实现接口的类)
return function () { this.addBook=function (book) { if(book instanceof Book){ AddJsBooks(book);//因为我知道谁是链的入口 } }; this.findBook=function (keyword) { return FindBbn(keyword);//游泳规划的责任链可以从头到尾的查询若,FindBbn没有则到FindByName中查询 } this.showBooks=function () { document.write("JS类图书"+jsBooks.toSource()+"
"); document.write("Java类图书"+javaBooks.toSource()+"
"); document.write("C类图书"+cBooks.toSource()+"
"); //自动生产---------- document.write(cpoyStr(60,"-")+"
"); } }注意,在window上扩展一个可以自动生成“---------------”的方法
//扩展一个可以自动生产-----的方法 window.cpoyStr=function (num,str) { var newStr=""; for(var i=0;i(8)使用书店
1:添加书
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:对书架上的书进行操作-----展示
//展示 pb.showBooks(); document.write(pb.findBook("C").toSource())为此我们基本上完成了对责任链模式的使用方式的基本学习。
感谢你能够认真阅读完这篇文章,希望小编分享的“JavaScript设计模式之责任链模式的的示例分析”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!
当前题目:JavaScript设计模式之责任链模式的的示例分析
分享路径:http://myzitong.com/article/ijhohs.html