JavaScript设计模式之职责链模式应用示例
网络编程 2021-07-04 16:46www.168986.cn编程入门
这篇文章主要介绍了JavaScript设计模式之职责链模式,结合实例形式分析了javascript责任链模式的概念、原理、使用方法及相关操作注意事项,需要的朋友可以参考下
本文实例讲述了JavaScript设计模式之职责链模式。分享给大家供大家参考,具体如下
一、职责链的定义
使多个对象都有机会处理请求,从而避免请求的发送者和接收者之间的耦合关系,将这些对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理它为止。
二、实例场景说明
某公司对公司产品-手机进行促销活动,有以下政策在正式购买时,已经支付过500元定金的用户会收到100元的商城优惠卷,交200元定金的用户可以收到50元的优惠卷,而之前没有支付定金的用户只能进入普通购买模式,也就是没有优惠卷,主要危险为在库存有限的情况下不一定能买到手机。
三、实例代码如下
1、创建3中购买模式的函数对象,如下
/ @param: orderType 表示订单类型 @param: pay 表示用户是否已经支付定金 @param: stock 表示当前用户普通购买的手机库存数量,交过定金的用户不受此限制 / var order500 = function( orderType, pay, stock ){ if( orderType === 1 && pay === true) console.log('500元定金预购,得到100优惠卷'); else return 'nextSuessor'; //不知道下一个节点是谁,反正把请求往后面传递 }; var order200 = function( orderType, pay, stock){ if( orderType === 2 && pay === true) console.log( '200元定金预购,得到50元优惠卷' ); else return 'nextSuessor'; }; var orderNormal = function(orderType, pay, stock){ if(stock > 0) console.log('普通购买,无优惠卷'); else console.log('手机库存不足'); };
2、书写一个把函数包装进职责链节点的构造函数,如下
var Chain = function(fn){ this.fn = fn; this.suessor = null; }; Chain.prototype.setNextSuessor = function( suessor ){ return this.suessor = suessor; }; Chain.prototype.passRequest = function(){ var ret = this.fn.apply( this, arguments ); if( ret === 'nextSuessor'){ return this.suessor && this.suessor.passRequest.apply( this,suessor, arguments ); } return ret; };
3、调用如下
1> 把3个订单函数分别包装成职责链的节点
var chainOrder500 = new Chain( order500 ); var chainOrder200 = new Chain( order200 ); var chainOrderNormal = new Chain( orderNormal );
2> 指定节在职责链中的顺序
chainOrder500.setNextSuessor( chainOrder200 ); chainOrder200.setNextSuessor( chainOrderNormal );
3> 把请求传递给第一个节点,如下
chainOrder500.passRequest( 1, true, 500 ); //输出500元定金预购,得到100优惠卷 chainOrder500.passRequest( 2, true, 500 ); //输出200元定金预购,得到50优惠卷 chainOrder500.passRequest( 3, true, 500 ); //输出普通购买,无优惠卷 chainOrder500.passRequest( 1, false, 0 ); //输出手机库存不足
四、职责链模式优点
通过上述代码,我们可以灵活的添加和删除节点,以及可灵活的修改节点的顺序。
更多关于JavaScript相关内容可查看本站专题《》、《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程