JavaScript设计模式_10_职责链模式
职责链模式的定义是:使多个对象都有机会处理请求,从而避免请求的发送者和接收者之间的耦合关系,将这些对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理它为止。职责链模式的名字非常形象,一系列可能会处理请求的对象被连接成一条链,请求在这些对象之间依次传递,直到遇到一个可以处理它的对象,我们把这些对象称为链中的节点。
如下图所示:
/**
* pre:职责链模式
* 定义:一系列可能处理请求的对象链接成一条链,
* 请求在这条链中传递,直到遇到一个可以处理它的对象。
*/
// --------- 示例 1 -----------
/**
* 某品牌手机销售,交500元定金可得100元电商优惠券,交300元可得50元优惠券,
* 没有交定金的用户只能进行普通购买,而且还不一定能买的到。
* 将这一过程用代码写出来:
* orderType: 1,交500定金;2,交300元定金,3,普通购买
* pay:true 已支付定金,false未支付定金
* stock:手机库存数
*/
var order = (function() {
var favorCache = { // 优惠配置
1: [500, 100],
2: [300, 50]
};
var normal = function(stock) { // 普通购买
if(stock > 0) {
console.log("普通购买.库存数:" + stock);
} else {
console.log("库存不足.");
}
};
var preOrder = function(orderType, pay) { // 预付定金
if(orderType in favorCache && pay) {
console.log("支付定金:" + favorCache[orderType][0] + ",获得" + favorCache[orderType][1] + "元优惠券.");
return true;
}
return false;
};
return function(orderType, pay, stock) {
preOrder(orderType, pay) || normal(stock);
}
})();
order(1, true, 500);
order(1, false, 500);
order(2, true, 200);
order(3, false, 100);
order(3, false, 0);
// ------------- 示例2 --------------
/*
* 使用职责链模式实现功能
*/
var order500 = function(orderType, pay, stock) {
if(orderType === 1 && pay) {
console.log("支付定金:500元,获得100元优惠券.");
} else {
order300(orderType, pay, stock);
}
};
var order300 = function(orderType, pay, stock) {
if(orderType === 2 && pay) {
console.log("支付定金:300元,获得50元优惠券.");
} else {
orderNormal(orderType, pay, stock);
}
};
var orderNormal = function(orderType, pay, stock) {
if(stock > 0) {
console.log("普通购买.库存数:" + stock);
} else {
console.log("库存不足.");
}
};
order500(1, true, 500);
order500(1, false, 500);
order500(2, true, 200);
order500(3, false, 100);
order500(3, false, 0);
/**
* 不足:虽然把函数拆分成互不影响的3个小函数,但是传递请求的代码被耦合在业务函数之中,
* 这样的请求传递非常的僵硬,也违背了开放-封闭原则。
*/
//--------------- 示例3 -------------
/**
* 改进上面的职责链模式,让每个节点可以单独拆分和重组.
*/
var order500 = function(orderType, pay, stock) {
if(orderType === 1 && pay) {
console.log("支付定金:500元,获得100元优惠券.");
} else {
return "next";
}
};
var order300 = function(orderType, pay, stock) {
if(orderType === 2 && pay) {
console.log("支付定金:300元,获得50元优惠券.");
} else {
return "next";
}
};
var orderNormal = function(orderType, pay, stock) {
if(stock > 0) {
console.log("普通购买.库存数:" + stock);
} else {
console.log("库存不足.");
}
};
// -- 定义链节点函数 --
var Chain = function(fn) {
this.fn = fn;
this.next = null;
};
Chain.prototype.setNext = function(next) {
this.next = next;
};
Chain.prototype.passRequest = function() {
var result = this.fn.apply(this, arguments);
if("next" === result) {
return this.next && this.next.passRequest.apply(this.next, arguments);
}
return result;
};
var chain500 = new Chain(order500);
var chain300 = new Chain(order300);
var chainNormal = new Chain(orderNormal);
chain500.setNext(chain300);
chain300.setNext(chainNormal); chain500.passRequest(1, true, 500);
chain500.passRequest(1, false, 500);
chain500.passRequest(2, true, 200);
chain500.passRequest(3, false, 100);
chain500.passRequest(3, false, 0);
//---------- 示例4 -----------
/**
* 上个示例中,已经实现了一个职责链模式,但在现实中,我们往往是
* 根据一个异步请求的结果,来决定是否执行下一个函数。
*/
var Chain = function(fn) {
this.fn = fn;
this.next = null;
};
Chain.prototype.setNext = function(next) { // 设置下一个执行函数
return this.next = next;
};
Chain.prototype.passRequest = function() { // 传递请求
var result = this.fn.apply(this, arguments);
if("next" === result) {
return this.next && this.next.passRequest.apply(this.next, arguments);
}
return result;
};
Chain.prototype.executeNext = function() { // 主动执行下一个函数
return this.next && this.next.passRequest.apply(this.next, arguments);
};
var fn1 = new Chain(function() {
console.log(1);
return "next";
});
var fn2 = new Chain(function() {
console.log(2);
var self = this;
setTimeout(function() {
self.executeNext();
}, 2000); // 模拟异步回调
});
var fn3 = new Chain(function() {
console.log(3);
});
fn1.setNext(fn2).setNext(fn3);
fn1.passRequest();
/**
* 经过这些例子,我们总结一下职责链模式的优缺点:
* 优点:
* 1、各个处理函数互不影响,各自独立;
* 2、删除、增加节点比较灵活,不需要改动其他函数的代码;
* 3、可以手动指定起始节点。比如手机商城的例子,付过定金的订单全部结束购买流程后,
* 完全可以把请求交给普通订单处理:orderNormal(1,false,500);
* 缺点:
* 1、我们不能保证某个请求一定会被职责链中的节点处理;
* 2、某些请求被处理时,可能会经历多个节点,会给系统带来性能损耗。
*/
// ----------- 示例5 --------------
/**
* 利用js函数式的特性,创建职责链
*/
Function.prototype.after = function(fn) {
var self = this;
return function() {
var result = self.apply(this, arguments);
if("next" === result) {
return fn.apply(this, arguments);
}
return result;
}
};
var fn1 = function() {
console.log(1);
return "next";
};
var fn2 = function() {
console.log(2);
return "next";
};
var fn3 = function() {
console.log(3);
};
var ff = fn1.after(fn2).after(fn3);
ff();
JavaScript设计模式_10_职责链模式的更多相关文章
- php设计模式之职责链模式
<?php /** * @desc php设计模式之职责链模式(责任链模式) 定义:顾名思义,责任链模式为请求创建了一个接收者对象的链.这种模式给予请求的类型,对请求的发送者和接收者进行解耦.这 ...
- 设计模式之职责链模式(JAVA实现)
学习netty框架时,看到有人说netty用到了设计模式的职责链模式,学习一下职责链模式,主要参考大话设计模式. 主要场景: 小菜想要加薪,向经理提出加薪请求,经理没有权限,经理交由总监处理,总监也没 ...
- 设计模式-利用职责链模式消除if
本文是对职责链设计模式的应用(变种),所以假设读者已经掌握了职责链设计模式,职责链模式只会应景简介. 本文主要内容: 需求(ShitCode) 职责链模式简介 设计理念 代码演示(消除if) 应用总结 ...
- 深入理解JavaScript系列(38):设计模式之职责链模式
介绍 职责链模式(Chain of responsibility)是使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系.将这个对象连成一条链,并沿着这条链传递该请求,直到有一个对象 ...
- 设计模式:职责链模式(Chain Of Responsibility)
定 义:使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系.将这些对象连成一条链,并沿着这条链传递请求,直到有一个对象处理它为止. 结构图: 处理请求类: //抽象处理类 abs ...
- 设计模式之职责链模式(Chain of Responsibility)摘录
23种GOF设计模式一般分为三大类:创建型模式.结构型模式.行为模式. 创建型模式抽象了实例化过程,它们帮助一个系统独立于怎样创建.组合和表示它的那些对象.一个类创建型模式使用继承改变被实例化的类,而 ...
- php实现设计模式之 职责链模式
<?php /** * 职责链模式 * * 为解除请求的发送者和接收者之间的耦合,而使用多个对象都用机会处理这个请求,将这些对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理它 * 抽象 ...
- JS常用的设计模式(15)—— 职责链模式
职责链模式是一个对象A向另一个对象B发起请求,如果B不处理,可以把请求转给C,如果C不处理,又可以把请求转给D.一直到有一个对象愿意处理这个请求为止. 打个比方,客户让老板写个php程序.老板肯定不写 ...
- 设计模式之职责链模式(Chain of Responsibility)
职责链模式原理: 职责链模式和装饰模式以及组合模式类似的地方是都维持着指向父类的指针, 不同点是职责链模式每个子类都继承父类的指针及每个之类都维持着指向父类的指针,而组合模式与装饰模式是组合类鱼装饰类 ...
随机推荐
- MySQL注入与防御(排版清晰内容有条理)
为何我要在题目中明确排版清晰以及内容有条理呢? 因为我在搜相关SQL注入的随笔博客的时候,看到好多好多都是页面超级混乱的.亲爱的园友们,日后不管写博客文章还是平时写的各类文章也要多个心眼,好好注意一下 ...
- 关于[JAVA] Apache FTPClient.listFiles()操作“卡死”问题的分析和解决
项目中使用commons-net-3.0.1.jar实现FTP文件的下载,程序运行到 FTPClient.listFiles()或者FTPClient.retrieveFile()方法时,就停止在那里 ...
- SQL中LEFT JOIN 和 inner join 的区别
student表 sc 表 首先where条件a.Sid = b.Sid 查询 SELECT * FROM student a,sc b WHERE a.Sid = b.Sid GROUP BY a. ...
- BP神经网络及其算法优化
大致原理和一种优化的方案,如下图,公式打字太麻烦,于是用手搞定.
- vue视频学习笔记07
video 7 vue问题:论坛http://bbs.zhinengshe.com------------------------------------------------UI组件别人提供好一堆 ...
- poj2253 Frogger Dijkstra变形
题目链接:http://poj.org/problem?id=2253 就是求所有路径的最大边权值的最小值 处理时每次找出距离当前的已选的节点的最短距离,然后更新每个未选节点的值 代码: #inclu ...
- iOS开发之判断用户是否打开APP通知开关
一.前言 在多数移动应用中任何时候都只能有一个应用程序处于活跃状态,如果其他应用此刻发生了一些用户感兴趣的那么通过通知机制就可以告诉用户此时发生的事情.iOS中通知机制又叫消息机制,其包括两类:一类是 ...
- Android ec环境配置
ec环境配置 1.0概述 鉴于很多同事,或者新从事android开发,虽然会做android的开发,但是会遇见一些最基本的环境搭建问题,本文仅作为(win7 64位系统)eclipse中集成andro ...
- vue2入坑随记(一)
都说Vue2简单,上手容易,但小马过河,自己试了才晓得,除了ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前随便拿全局变量和修改dom的锤子不能用了,变换到关注数据本身.vue的 ...
- Charles安装破解及使用
摘要 在发开过程中,追踪请求和监控请求与返回数据是我们经常会需要的一个需求,在Mac端,Charles是一款非常易用的抓包工具. Mac端的优秀抓包工具--Charles使用 一.简介 Charles ...