责任链模式

责任链模式Chain of Responsibility Pattern为请求创建了一个接收者对象的链,其对请求的发送者和接收者进行解耦,这种类型的设计模式属于行为型模式,在这种模式中,通常每个接收者都包含对另一个接收者的引用,如果一个对象不能处理该请求,那么它会把相同的请求传给下一个接收者,依此类推。

描述

在面向对象设计中,责任链模式是一种由命令对象源和一系列处理对象组成的设计模式。每个处理对象都包含逻辑,这些逻辑定义了它可以处理的命令对象的类型,其余对象将传递给链中的下一个处理对象。为避免请求发送者与接收者耦合在一起,让多个对象都有可能接收请求,将这些对象连接成一条链,并且沿着这条链传递请求,直到有对象处理它为止。职责链上的处理者负责处理请求,客户只需要将请求发送到职责链上即可,无须关心请求的处理细节和请求的传递,所以职责链将请求的发送者和请求的处理者解耦了。

优点

  • 降低耦合度,它将请求的发送者和接收者解耦。
  • 简化了对象,使得对象不需要知道链的结构。
  • 增强给对象指派职责的灵活性,通过改变链内的成员或者调动它们的次序,允许动态地新增或者删除责任。
  • 增加新的请求处理类很方便。

缺点

  • 不能保证请求一定被接收。

  • 系统性能将受到一定影响,而且在进行代码调试时不太方便,可能会造成循环调用。

  • 可能不容易观察运行时的特征,有碍于除错。

适用环境

  • 有多个对象可以处理同一个请求,具体哪个对象处理该请求由运行时刻自动确定。
  • 在不明确指定接收者的情况下,向多个对象中的一个提交一个请求。
  • 需要动态指定一组对象处理请求。

实现

/*
    当帐户中设置了三种付款方式 bank、paypal、bitcoin,
    bank有100RMB,paypal有200RMB,bitcoin有300RMB,
    付款的优先顺序是bank然后paypal,然后是bitcoin,
    当试图购买价值251RMB的东西,使用责任链进行采购,
    首先检查bank账户是否可以进行采购,如果可以,则进行采购,并将链条断开,
    如果没有,请求将前进到帐户paypal检查金额是否足够,如果是,则进行采购,并将链条断开,
    否则请求将继续转发,直到找到合适的处理程序。
    在这里,bank、paypal、bitcoin是链条上的环节,整个现象就是责任链。
*/

class Account {
    setNext(mode) {
        this.mode = mode;
    }
    
    pay(amountToPay) {
        if (this.canPay(amountToPay)) {
            console.log(`Paid ${amountToPay} using ${this.name}`);
        }else if(this.mode) {
            console.log(`Cannot pay using ${this.name}. Proceeding...`);
            this.mode.pay(amountToPay);
        }else{
            console.log("None of the accounts have enough balance");
        }
    }
    
    canPay(amount) {
        return this.balance >= amount;
    }
}

class Bank extends Account {
    constructor(balance) {
        super();
        this.name = "bank";
        this.balance = balance;
    }
}

class Paypal extends Account {
    constructor(balance) {
        super();
        this.name = "Paypal";
        this.balance = balance;
    }
}

class Bitcoin extends Account {
    constructor(balance) {
        super();
        this.name = "bitcoin";
        this.balance = balance;
    }
}


(function(){

    const bank = new Bank(100);          // Bank with balance 100
    const paypal = new Paypal(200);      // Paypal with balance 200
    const bitcoin = new Bitcoin(300);    // Bitcoin with balance 300

    bank.setNext(paypal);
    paypal.setNext(bitcoin);

    bank.pay(251);

    // Cannot pay using bank. Proceeding...
    // Cannot pay using Paypal. Proceeding...
    // Paid 251 using bitcoin
})();

每日一题

https://github.com/WindrunnerMax/EveryDay

参考

https://juejin.im/post/6844903855348514829 https://www.runoob.com/design-pattern/chain-of-responsibility-pattern.html https://github.com/sohamkamani/javascript-design-patterns-for-humans#-chain-of-responsibility