JavaScript设计模式——职责链模式

职责链的定义是:使多个对象都有机会处理请求,从而避免请求的发送者接受者直接的耦合关系.将对象连成一条链,并沿着这条链传递请求,直到有个对象处理它为止。一系列的请求被连成一条链,请求在这些链对象之间依次传递,直到遇到处理它的对象。
职责链的优点:请求的发送者只需知道链中的第一个节点,从而弱化了发送者和一组接收者之间的联系。
接下来看一段代码:把本来充斥着条件分支语句的巨大的函数拆开。

//订金500的用户的业务逻辑
		var order500=function(orderType,pay,stock){
			if(orderType===1 && pay===true){
				console.log('500元定金,得到100优惠卷');
			}else{
				return 'next'
			}
		};
//订金200的用户业务逻辑
		var order200=function(orderType,pay,stock){
			if(orderType===2 && pay===true){
				console.log('200元定金,得到50优惠卷')
			}else{
				return 'next'
			}
		};
//普通的用户逻辑
		var orderNormal=function(orderType,pay,stock){
			if(stock>0){
				console.log('普通购买,无优惠卷')
			}else{
				console.log('手机库存不足')
			}
		}
//设置链的类
		var Chain=function(fn){
			this.fn=fn;			//指定链中的下一个节点
			this.successor=null;	//传递请求给某个节点
		}
		Chain.prototype.setNextSuccessor=function(successor){		//设置节点和节点的关系
			return this.successor=successor;
		}
		Chain.prototype.passRequest=function(){
			var ret=this.fn.apply(this,arguments);
			if(ret==='next'){
				return this.successor && this.successor.passRequest(this.successor,arguments);
			}
		}
		var chainOrder500=new Chain(order500);
		var chainOrder200=new Chain(order200);
		var chainOrderNormal=new Chain(orderNormal);
		chainOrder500.setNextSuccessor(chainOrder200);
		chainOrder200.setNextSuccessor(chainOrderNormal);
		// 职责链模式的最大优点是解耦了请求发送者和N个接收者之间的复杂关系,还可以手动指定起始节点,请求并不是非得从链中的第一个节点开始传递.
		//函数封装:
		Function.prototype.after=function(fn){
			var self=this;
			return function(){
				var ret=self.apply(this,arguments);
				if(ret === 'next'){
					return fn.apply(this.arguments);
				}
				return ret;
			}
		}

当然上面的代码是同步链,可以用一个字符串来通知请求需要继续往后面的链传递。那么如果是异步链呢?比如我们通过ajax请求,请求返回的结果才能决定我们是否继续传递职责链passRequest。
那么我们再给类添加一个next:
可以把请求在链中的节点传递看是否需要调用next。

	Chain.prototype.next=function(){
			return this.successor && this.successor.passRequest.apply(this.successor,arguments);
	}

之前的迭代器模式那个例子其实用职责链模式可实现的更简单。通过职责链设置调用函数的优先级。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值