伏龙阁资源网

JavaScript实现职责链模式概述
站长资源 2024/11/27 佚名
2 0

什么是职责链模式

职责链模式的定义是：使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系，将这些对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理它为止。举个例子：当你从公交车后门上车之后，你不可能直接把硬币放到收款箱里面， 因为你不知道它在哪，那你就只能把硬币给你前面一个人，让他帮你传到前面一个人手上，这样一直传递到站在收款箱旁边人的手上，由他把硬币放到收款箱里面。

职责链模式思想

请求发送者只需要知道链中的第一个节点，从而弱化了发送者和一组接收者之间的强联系。

JavaScript实现职责链模式（AOP方式）

 Function.prototype.after = function(fn) {
  var _self = this;

  return function () {
    var ret = _self.apply(this, arguments);
    if(ret === "nextSuccessor") {
     return fn.apply(this, arguments);
    }
    return ret;
  }
 }

是的没错，在JavaScript中实现职责链模式就是如此的简单，如果对上面AOP代码不了解可以参考我之前写的这篇文章JavaScript实现AOP，这个方式和装饰者模式看起来很像，从代码上来看确实很像，但是他们的出发点是完全不同的

AOP实现装饰者模式：在不改变已有函数内部的情况下添加一些新的功能，你可以想象一下同心圆，你每调用一次after，就相当于给你的圆外面又加了一个圆来包裹住它。注意它们是包含关系

AOP实现职责链模式：在函数执行之后确定是否执行下一个函数，你每次调用after，都相当于在已有函数之后添加一个函数，至于是否执行后面这个函数，取决于前一个函数的返回值。注意它们是链式关系

职责链模式实例

function cat (type) {
  if(type == "cat") {
    console.log("我是猫猫");
  } else {
    return "nextSuccessor"
  }
}

function dog (type) {
  if(type == "dog") {
    console.log("我是狗狗");
  } else {
    return "nextSuccessor"
  }
}

function pig (type) {
  if(type == "pig") {
    console.log("我是猪猪");
  } else {
    return "nextSuccessor"
  }
}

Function.prototype.after = function(fn) {
  var _self = this;

  return function () {
    var ret = _self.apply(this, arguments);
    if(ret === "nextSuccessor") {
      return fn.apply(this, arguments);
    }
    return ret;
  }
}


var pet = cat.after(dog).after(pig);

pet("pig"); //我是猪猪
pet("dog"); //我是狗狗
pet("cat"); //我是猫猫

请看上述代码，我们给pet方法传入了三个不同的参数，得到了不同的结果。拿第一次调用举例，其执行过程是这样的：传入“pig”，先由cat方法判断，cat方法发现自己处理不了，于是把“pig”传递给dog方法（return "nextSuccessor"来表示传递给下一个函数），dog方法发现自己也处理不了，再接着把“pig”传递到pig方法，pig方法可以处理，控制台打印，我是猪猪。

你可能会觉得这不是浪费精神么，上述功能只需使用下面的几行代码就能解决，为何还要多写上面那么多代码

function pet(type) {
  if(type == "cat") {
    console.log("我是猫猫");
  } else if(type == "dog") {
    console.log("我是狗狗");
  } else if(type == "pig") {
    console.log("我是猪猪");
  }
}

pet("pig"); //我是猪猪
pet("dog"); //我是狗狗
pet("cat"); //我是猫猫

这样看来，好像是简单了很多。但是你有没有考虑过，如果以后突然多了猴子这种动物，如果使用上面的垃圾代码，那你就要去修改pet函数的源码，多添加一条if语句判断是不是猴子，其实这也还好，如果是加了1万种动物呢？那你就要在pet这个函数里添加1万条if语句，什么？还不够浮夸？那你有没有考虑过一种动物还会分很多品种，比如说猫咪分为长毛猫，短毛猫。这样你的代码就会涉及到嵌套if语句。恕我直言，现在你的代码已经丑成狗了，嘻嘻

但是如果使用职责链模式，每多一个种动物，我们就给他定义一个函数，然后添加到职责链上，这样一来，新的函数就和原来的函数高度解耦，岂不美哉？

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
www.wwsws.com 伏龙阁资源网
39,976影音资源
44,792技术资源
21,817软件资源
651,128站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接