职责链模式

职责链模式

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

例：如果早高峰能顺利挤上公交车的话，那么估计这一天都会过得很开心。因为公交车上人实在太多了，经常上车后却找不到售票员在哪，所以只好把两块钱硬币往前面递。除非你运气够好，站在你前面的第一个人就是售票员，否则，你的硬币通常要在N个人手上传递，才能最终到达售票员的手里。

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

这样一段代码

// 500元订单

var order500 = function (orderType, pay, stock) {

    if (orderType === 1 && pay === true) {

        console.log('500元定金预购, 得到100优惠券');

    } else {

        order200(orderType, pay, stock); // 将请求传递给200元订单 

    }

}; // 200元订单

var order200 = function (orderType, pay, stock) {

    if (orderType === 2 && pay === true) {

        console.log('200元定金预购, 得到50优惠券');

    } else {

        orderNormal(orderType, pay, stock); // 将请求传递给普通订单    }};// 普通购买订单

        var orderNormal = function (orderType, pay, stock) {

            if (stock > 0) {

                console.log('普通购买, 无优惠券');

            } else {

                console.log('手机库存不足');

            }

        };

可以看到，请求在链条传递中的顺序非常僵硬，传递请求的代码被耦合在了业务函数之中，如果有天我们要增加300元预订或者去掉200元预订，意味着就必须改动这些业务函数内部。
链条要灵活可拆分

var order500 = function (orderType, pay, stock) {
    if (orderType === 1 && pay === true) {
        console.log('500元定金预购，得到100优惠券');
    } else {
        return 'nextSuccessor'; // 我不知道下一个节点是谁，反正把请求往后面传递    
    }
};
// Chain.prototype.setNextSuccessor  指定在链中的下一个节点
// Chain.prototype.passRequest  传递请求给某个节点
var Chain = function (fn) {
    this.fn = fn;
    this.successor = null;
};
Chain.prototype.setNextSuccessor = function (successor) {
    return this.successor = successor;
};
Chain.prototype.passRequest = function () {
    var ret = this.fn.apply(this, arguments);
    if (ret === 'nextSuccessor') {
        return this.successor && this.successor.passRequest.apply(this.successor, arguments);
    }
    return ret;
};
var chainOrder500 = new Chain(order500);
var chainOrder200 = new Chain(order200);
var chainOrderNormal = new Chain(orderNormal);然后指定节点在职责链中的顺序：
chainOrder500.setNextSuccessor(chainOrder200);
chainOrder200.setNextSuccessor(chainOrderNormal);最后把请求传递给第一个节点：
chainOrder500.passRequest(1, true, 500); // 输出：500元定金预购，得到100优惠券

异步的职责链
当发起一个ajax异步请求，异步请求返回的结果才能决定是否继续在职责链中passRequest，
这时候让节点函数同步返回"nextSuccessor"已经没有意义了，所以要给Chain类再增加一个原型方法Chain.prototype.next，表示手动传递请求给职责链中的下一个节点：

Chain.prototype.next = function () {
    return this.successor && this.successor.passRequest.apply(this.successor, arguments);
};

var fn1 = new Chain(function () {
    console.log(1);
    return 'nextSuccessor';
});
var fn2 = new Chain(function () {
    console.log(2);
    var self = this;
    setTimeout(function () {
        self.next();
    }, 1000);
});
var fn3 = new Chain(function () {
    console.log(3);
});
fn1.setNextSuccessor(fn2).setNextSuccessor(fn3);
fn1.passRequest();