设计模式-职责链模式

职责链模式是一种行为型设计模式,它将一些列可能会处理请求的对象连接成在一起,请求在这些对象间传递,直到遇到可以处理它的对象.这些处理请求的对象称为链中的节点.

职责链模式优点:

• 解耦请求的发送者和N个接受者之间复杂关系.
• 手动指定起始节点.
• 链中的节点对象可以灵活拆分重组.

注意: 职责链模式有个缺陷是,大部分的节点并没有实质的作用,它们的作用仅仅是让请求传递下去,从性能方面考虑我们要避免过长的职责链带来的性能消耗.

职责链模式可以很好地帮助我们管理代码,降低发起请求的对象和处理请求对象之间的耦合性.

例子

// 三种购买商品的方式, 500元定金,200元定金,无定金

var order500 = function (orderType, pay, stock) {
  if (orderType === 1&& pay === true) {
    console.log('500元定金预定, 得到100优惠券')
  } else {
    return 'nextSuccessor'
  }
}

var order200 = function (orderType, pay, stock) {
  if (orderType === 2&& pay === true) {
    console.log('200元定金预定, 得到50优惠券')
  } else {
    return 'nextSuccessor'
  }
}

var orderNormal = function (orderType, pay, stock) {
  if (stock > 0) {
    console.log('普通购买,无优惠券')
  } else {
    return '手机库存不足'
  }
}

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;
}

// 将3中订单包装成 职责链的节点
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优惠券
chainOrder500.passRequest(2, true, 500) // 200元定金预定, 得到50优惠券
chainOrder500.passRequest(3, true, 500) // 普通购买,无优惠券
chainOrder500.passRequest(1, false, 0)  // 手机库存不足


// 异步职责链
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);
  let self = this;
  setTimeout(() => {
    self.next()
  }, 3000)
})
var fn3 = new Chain(function () {
  console.log(3);
})
fn1.setNextSuccessor(fn2).setNextSuccessor(fn3);
fn1.passRequest();

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;
  }
};
var order = order500yuan.after(order200yuan).after(orderNormal);
order(1,true,500);
order(2,true,500);
order(3,false,500);