JS设计模式之责任链模式实例详解

作者:itpinpai 时间:2023-03-17 08:23:42 

本文实例讲述了JS设计模式之责任链模式。分享给大家供大家参考,具体如下:

责任链设计模式:

在责任链模式里,很多对象由每一个对象对其下家的引用而连接起来形成一条链。请求在这个链上传递,直到链上的某一个对象决定处理此请求。发出这个请求的客户端并不知道链上的哪一个对象最终处理这个请求,这使得系统可以在不影响客户端的情况下动态地重新组织和分配责任。

责任链模式涉及到的角色如下所示:

●抽象处理者(Handler)角色:定义出一个处理请求的接口。如果需要,接口可以定义 出一个方法以设定和返回对下家的引用。这个角色通常由一个Java抽象类或者Java接口实现。上图中Handler类的聚合关系给出了具体子类对下家的引用,抽象方法handleRequest()规范了子类处理请求的操作。

●具体处理者(ConcreteHandler)角色:具体处理者接到请求后,可以选择将请求处理掉,或者将请求传给下家。由于具体处理者持有对下家的引用,因此,如果需要,具体处理者可以访问下家。

JS设计模式之责任链模式实例详解

在JS(ES6之前)中严格意义上是没有extends继承概念,所以以下代码没有模拟抽象类,代码中只实现了具体处理类.

使用场景:在一个购物商城,在五一做了一个活动,所以图书类商品根据购买的金额依次做出以下折扣方案,

1、购买满199元,打9折
2、购买满399元,打8折
3、购买满599元以上,打7折;

责任链链的优点:

请求发送者只需要知道链中的第一个节点,从而弱化了发送者和一组接收者之间的强联系。如果不使用责任链链模式、根据当前价格客户端要知道每一级打折信息,最后知道具体是那一层上打折才是符合当前价格的折扣。


function BookHandler() {
this.calcPrice = function( price ) {
 if ( 199 > price ) {
  console.log("原价是:"+ price);
 } else {
  this.successor.calcPrice( price );
 }
}
this.setSuccessor = function( _successor ) {
 this.successor = _successor;
}
}
function BookCalc9Handler( _successor ) {
this.calcPrice = function( price ) {
 if ( 199 <= price && price < 399 ) {
  console.log("原价是:"+ price +";打9折后:" + (price * 0.9));
 } else {
  this.successor.calcPrice( price );
 }
}
this.setSuccessor = function( _successor ) {
 this.successor = _successor;
}
}
function BookCalc8Handler() {
this.calcPrice = function( price ) {
 if ( 399 <= price && price < 599 ) {
  console.log("原价是:"+ price +";打8折后:" + (price * 0.8));
 } else {
  this.successor.calcPrice( price )
 }
}
this.setSuccessor = function( _successor ) {
 this.successor = _successor;
}
}
function BookCalc7Handler() {
this.calcPrice = function( price ) {
 if ( price >= 599 ) {
  console.log("原价是:"+ price +";打7折后:" + (price * 0.7));
 } else {
  this.successor.calcPrice( price )
 }
}
this.setSuccessor = function( _successor ) {
 this.successor = _successor;
}
}

客户端 :


var price = 400;
var bookHandler = new BookHandler();
var bookCalc9Handler = new BookCalc9Handler();
var bookCalc8Handler = new BookCalc8Handler();
var bookCalc7Handler = new BookCalc7Handler();
bookHandler.setSuccessor(bookCalc9Handler);
bookCalc9Handler.setSuccessor(bookCalc8Handler);
bookCalc8Handler.setSuccessor(bookCalc7Handler);
bookHandler.calcPrice(price);

Console.log打印出来的效果:

JS设计模式之责任链模式实例详解

希望本文所述对大家JavaScript程序设计有所帮助。

来源:http://blog.csdn.net/itpinpai/article/details/51601956

标签:JS,设计模式,责任链模式
0
投稿

猜你喜欢

  •  Python错误与异常处理

    2022-10-28 01:10:33
  • Web 标准设计实践:Google 的首页

    2008-10-12 12:14:00
  • Django原生sql也能使用Paginator分页的示例代码

    2023-11-09 10:00:06
  • 详解Python的条件语句

    2021-03-04 08:27:56
  • javascript跨域原因以及解决方案分享

    2024-04-10 10:44:32
  • javascript修正12个浏览器兼容问题[译]

    2009-04-23 12:19:00
  • js实现倒计时时钟的示例代码

    2024-04-22 22:30:13
  • 解决pycharm同一目录下无法import其他文件

    2021-03-22 10:02:14
  • asp base64 utf-8为了兼容asp.net的base64

    2011-03-10 10:47:00
  • Python实现人脸识别并进行视频跟踪打码

    2022-08-04 22:57:25
  • 前后端分离和跨域问题的详细解决方案(CORS的原理)

    2023-05-30 01:19:26
  • Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据

    2024-01-17 17:32:18
  • PS笔刷,样式,形状、渐变、滤镜载入方式及使用

    2007-10-17 11:47:00
  • Vue2.0实现购物车功能

    2023-07-02 16:54:22
  • 小议sqlserver数据库主键选取策略

    2011-10-24 19:51:30
  • vue中导出Excel表格的实现代码

    2024-06-05 09:14:06
  • Python使用requests xpath 并开启多线程爬取西刺代理ip实例

    2023-05-01 23:36:51
  • python调用支付宝支付接口流程

    2022-01-15 14:04:45
  • 简单的python后台管理程序

    2022-01-07 03:49:30
  • Python生成可执行文件之PyInstaller库的使用方式

    2021-11-29 00:41:49
  • asp之家 网络编程 m.aspxhome.com