JavaScript设计模式策略模式案例分享

第JavaScript设计模式策略模式案例分享前言

策略设计模式就是指一个问题匹配多个解决方法，不一定要用到哪一个，而且有可能随时增加多个方案

比如我们去买书，书店都会搞一些优惠活动，满100减20，满200减50，八折优惠这些，但是优惠活动源源不止这些，后期会陆续添加优惠活动，比如双11活动打七折，等到双11活动过去之后打七折活动还需要取消

我们先不用策略设计模式进行实现计算折扣后价格，我们声明一个方法，里面接受俩个参数，这俩个参数一个是价格一个是折扣种类，然后在方法里面使用if语句判断折扣种类计算价格，如果没有折扣就是原价，最后把计算过的折扣价格返回出去

//price价格

//type折扣种类

functioncalcPrice(price,type){

if(type=='100_20'){

price-=20

}elseif(type=='200_50'){

price-=50

returnprice;

//使用

constbookPrice=calcPrice(300,'100_20')

这种方式如果是折扣活动比较少的情况下还行，但是每次添加新的折扣活动都需要去往方法里面添加折扣活动的if语句判断以及记住新折扣种类的字段以免和之前的折扣活动名字重复，对于折扣活动到期的情况还需要手动进行删除该if语句，长此以往代码不仅冗余还很维护

使用策略设计模式实现：

我们声明一个闭包函数，闭包函数中有一个折扣种类中心，里面有默认的几个折扣种类，还有一个计算折扣价格的方法，方法上我们又给他定义了俩个方法，一个是添加折扣种类方法，一个是删除折扣种类方法，然后在把计算折扣方法暴露出去就可以了

//计算折扣价格闭包函数

constcalcPrice=(function(){

//折扣种类中心

constsale={

//100-20折扣活动

'100_20':function(price){

returnprice-=20

//200-50折扣活动

'200_50':function(price){

returnprice-=50

//打八折折扣活动

'80%':function(price){

returnprice*=0.8

/***

*计算折扣价格

*price价格

*type折扣类型

***/

functiontotalPrice(price,type){

//判断折扣种类里面是否拥有这个折扣类型，如果有就执行，没有就返回原价

if(sale[type]){

//使用折扣函数

price=sale[type](price)

//返回价格

returnprice

*添加折扣方法

*type折扣类型

*callback折扣类型方法

***/

totalPrice.add=function(type,callback){

//判断折扣类型是否存在

if(sale[type])return'折扣已存在'

//给折扣类型中心添加折扣价格方法

sale[type]=callback

return'折扣方法添加成功'

//删除折扣方法

totalPrice.del(type){

//通过delete关键字删除折扣类型中心方法

deletesale[type]

//被return出去的函数，才是计算价格的本体

returntotalPrice

})();

//使用计算价格

constbookPrice=calcPrice(240,'200_50');

//添加打七折折扣类型方法

calcPrice.add('70%',function(price){