Javascript设计模式-11-职责链模式

最新推荐文章于 2022-02-16 11:11:31 发布

mjzhang1993

最新推荐文章于 2022-02-16 11:11:31 发布

阅读量395

点赞数

分类专栏： javascript设计模式文章标签： javascript 设计模式职责链模式

本文链接：https://blog.csdn.net/mjzhang1993/article/details/74967198

版权

javascript设计模式专栏收录该内容

20 篇文章 1 订阅

订阅专栏

Javascript设计模式 - 11 - 职责链模式

简介

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

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

个人理解

通过职责链上多个对象分解请求流程，实现请求在多个对象之间传递，直到最后一个对象完成请求处理

优点

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

代码

    // 定义需要放在职责链上接收者
    function testA (type, amount) {
        if (type === 1 && amount > 500) {
            console.log(`testA is pass type: ${type} amount: ${amount}`);
        } else {
            return 'next';
        }
    }

    function testB (type, amount) {
        if (type === 1 && amount < 500) {
            console.log(`testB is pass type: ${type} amount: ${amount}`);
        } else {
            return 'next';
        }
    }

    function testC (type, amount) {
        if (type === 0 ) {
            console.log(`testC is pass type: ${type} amount: ${'null'}`);
        } else {
            console.log('something is wrong');
        }
    }

    /*
        创建一个构建函数，参数为一个接收者
        构建函数创建的原型上有两个方法

        next() 手动设置，当前接收者的下一级接收者
        passRequest() 通过请求方法，如果不通过会传递给下一级操作
    */ 
    function Chain(fn) {
        this.fn = fn;
        this.nextHandle = null;
    }

    Chain.prototype.next = function (nextHandle) {
        return this.nextHandle = nextHandle;
    }

    Chain.prototype.passRequest = function () {
        // 将参数传递给当前的接收者处理，并获得返回值
        var res = this.fn.apply(this, arguments);

        // 如果返回值是 next ,就将请求传递给下一级接收者
        if (res === 'next') {
            return this.nextHandle.passRequest.apply(this.nextHandle, arguments);
        }

        return res;
    }

    // 创建接收者对象
    var chainTestA = new Chain(testA);
    var chainTestB = new Chain(testB);
    var chainTestC = new Chain(testC);

    // 设定接收者上下级
    chainTestA.next(chainTestB);
    chainTestB.next(chainTestC);

    // 传入参数开始发布任务
    chainTestA.passRequest(1, 400);

文章列表

mjzhang1993

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript设计模式-11-职责链模式

Javascript设计模式 - 11 - 职责链模式简介职责链是使多个对象都有机会处理请求，从而避免发送者和接受者之间的耦合关系，将这个对象练成一条链，并沿着这条连传递该请求，直到有一个对象处理它为止链中收到请求的对象要么亲自处理它，要么转发给下一个候选者，提交方并不明确有多少个对象会处理它，任意候选者都可以响应响应的请求，可以在运行时决定哪些候选者参与到链中
复制链接

扫一扫