设计模式-职责链

说起职责链模式,其实非常像AOP - 面向切面编程。利用AOP可以对业务逻辑的各个部分进行隔离,从而使得业务逻辑各部分之间的降低,提高程序的可重用性,同时提高了开发的效率。

职责链.png

举个栗子看看(例子来源于《JavaScript设计模式与开发实践》)。
根据订单等级来确定如何购买手机

  • orderType:订单分为3级。第1级别在定金支付情况下可获得100元优惠券;第2级别在定金支付情况下可获得50元优惠券;第三级别没有优惠券
  • pay:是否支付定金
  • stock:通过普通渠道购买手机的库存量。对于已经获得优惠券的用户,不受该限制。

先用一段简单的流程代码阐述下需求:

function order(orderType, pay, stock) {
  if (orderType === 1) {
    if (pay === true) {
      console.log("500元定金预购,得到100元优惠券!");
    } else {
      if (stock > 0) {
        console.log("普通购买,无优惠券!");
      } else {
        console.log("库存不足!");
      }
    }
  } else if (orderType === 2) {
    if (pay === true) {
      console.log("200元定金预购,得到50元优惠券!");
    } else {
      if (stock > 0) {
        console.log("普通购买,无优惠券!");
      } else {
        console.log("库存不足!");
      }
    }
  } else {
    if (stock > 0) {
      console.log("普通购买,无优惠券!");
    } else {
      console.log("库存不足!");
    }
  }
}

order(1, true, 10);  // 500元定金预购,得到100元优惠券!
order(2, true, 10); // 200元定金预购,得到50元优惠券!
order(3, true, 10); // 普通购买,无优惠券!
order(3, true, 0); // 库存不足!

代码写得很清楚,就是有点“老太太的裹脚布,又臭又长”的感觉。而且不少分支的返回值是一样的,导致重复代码也比较多。

那看看如何重构吧?

第一步:抽象出订单对象

需求中一共有三种订单类型:

var order500 = function (orderType, pay, stock) {
  if (orderType === 1 && pay === true) {
    console.log("500元定金预购,得到100元优惠券!");
  } else {
     order200(orderType, pay, stock);
  }
};

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("库存不足!");
  }
};

order500

如若转载请注明原文及出处:https://www.dsiab.com/post/1686740b-4c9a-4e05-aea4-0a5bc7cea5c8
本站文章由javascript技术分享原创和收集,内容如有问题,请联系站长删除。

评论: