JS每日一题:设计模式-如何理解职责链模式?

刺骨的言语ヽ痛彻心扉 2023-02-13 08:16 18阅读 0赞

#### 20190412期 ####

设计模式-如何理解职责链模式?

> 定义: 使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系，将这些对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理它为止

也就是说，请求以后，从第一个对象开始，链中收到请求的对象要么亲自处理它，要么转发给链中的下一个候选者。提交请求的对象并不明确知道哪一个对象将会处理它——也就是该请求有一个隐式的接受者（implicit receiver）。根据运行时刻，任一候选者都可以响应相应的请求，候选者的数目是任意的，你可以在运行时刻决定哪些候选者参与到链中

还不明白？ok, 来个生活小实例, 早高峰挤公交车，往往挤上去却看不到售票员，我们常常通过他人之手将票钱传递给售票员，这种关系就能看做为职责链，我们的票钱通过多人之手最终递交到售票员手中

代码场景:  假设我们正在开发一个电商网站，某一个商品正在进行预定活动，活动规则如下

500 元定金会收到200 优惠劵 200 元定金会收到100 优惠劵 没有预定的用户只能普通购买 假设我们后端会返回如下字段

orderType \[1,2,3\] 分别为500,200,普通购买

常规实现:

const order = function(orderType){
      if(orderType===1){
        // 假设我们有其它需求
        if(....){
          .....
        }
        return console.log(500元定金用户)
      }
      if(orderType===2){
        // 假设我们有其它需求
        if(....){
          .....
        }
        return console.log(200元定金用户)
      }
      if(orderType===3){
        // 假设我们有其它需求
        if(....){
          .....
        }
        return console.log(用户普通购买)
      }
    }
    order(1) // 500元定金用户

虽然我们得到了意料中的运行结果，但这并不是一段优秀的代码，order函数会随着业务的变更经常修改

下面我们用职责链模式进行改写

##### 用AOP(Aspect Oriented Programming )实现职责链 #####

用AOP实现职责链又简单又巧妙，但这种函数叠加在一起的方式，同时也叠加了函数的作用域，如果链条太长也会对性能造成影响

Function.prototype.after(fn){
      var _this = this;
      return function(){
        var ret = _this.apply(this,arguments);
        if(ret === false){
          return fn.apply(this.arguments);
        }
        return ret
      }
    }
    var order = order500.after(order200).after(orderNormal);
    order(2) // 200定金用户

#### 总结 ####

职责链模式可以很好的帮助我们管理代码，降低发起请求的对象跟接收请求对象的耦合，职责链中的节点顺序是可变化的，我们可以在运行中决定链中包含哪些节点

**最近答题**

[JS每日一题:设计模式-如何理解工厂模式?][JS_-]

[JS每日一题:设计模式-如何理解命令模式?][JS_- 1]

基友噢如果喜欢，可以分享给好基友噢如果喜欢，可以分享给好基友噢

**关注「JS每日一题」，参与答题！**

![format_png][]

▲长按图片识别二维码

[JS_-]: http://mp.weixin.qq.com/s?__biz=MzU1OTgxNDQ1Nw%3D%3D&chksm=fc10c398cb674a8e7907320284f63b1514c28bb0c22de41359bed4aaade01d5080e4a1b8ff1f&idx=1&mid=2247483854&scene=21&sn=f810de019cfbc269f7e08ad9ccf2454e#wechat_redirect
[JS_- 1]: http://mp.weixin.qq.com/s?__biz=MzU1OTgxNDQ1Nw%3D%3D&chksm=fc10c387cb674a912ab4d19a038533db912c4b9d041631a3f27c989ae1cd2cd3ef5f1634aa57&idx=1&mid=2247483857&scene=21&sn=260b775e88dd97a3508fa7ae232834f7#wechat_redirect
[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9nSDMxdUY5VklpYlRQUFY1ZlVpYzhKb2ljVGxISDByTDdpY1p5alJaMThDSmpsN2hUaDFvcWpRRnNBbDI3YWljV1NmRDJ6WnVLT1d1b01pY0VpY3oxV3dBSjlhY2cvNjQw?x-oss-process=image/format,png