JavaScript---设计模式之职责链模式

Posted H小白

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript---设计模式之职责链模式相关的知识,希望对你有一定的参考价值。

概念

职责链模式是使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系。将这个对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理他为止。

链中收到请求的对象要么亲自处理它,要么转发给下一个候选者。提交方并不明确有多少个对象会处理它,任一候选者都可以响应相应的请求,可以在运行时刻决定哪些候选者参与到链中。

作用

  1. dom的冒泡有些类似职责链
  2. nodejs当controller中有很多负责操作逻辑的时候拆分中间件
  3. 解耦发送者和接收者

注意事项

javascript中的每一次“.”是有代价的,要在必要的时候应用

<script type="text/javascript">
    function laoban(xiangmujingli){
        if(xiangmujingli){
            this.xiangmujingli = xiangmujingli;
        }
    }
    laoban.prototype.write = function (php) {
        this.xiangmujingli.write(php);
    }
    function xiangmujingli(coder) {
        if(coder){
            this.coder=coder;
        };
    }
    xiangmujingli.prototype.write=function (php) {
        this.coder.write(php);
    }
    function coder(php) {
        // this.write(php);
    }
    coder.prototype.write=function (php) {
        console.log("coding..." + php)
    }
    var begin = new laoban(new xiangmujingli(new coder()));
    begin.write("php");
</script>

 

以上是关于JavaScript---设计模式之职责链模式的主要内容,如果未能解决你的问题,请参考以下文章

JAVA SCRIPT设计模式--行为型--设计模式之Responsibility职责链模式(13)

深入理解JavaScript系列(38):设计模式之职责链模式

javascript设计模式实践之职责链--具有百叶窗切换图片效果的JQuery插件

JAVA设计模式大总结(二十三)--- b站尚硅谷设计模式之 职责链模式 图解 + 代码 整理(超详)

设计模式之职责链模式

设计模式之职责链模式应用例题