javascript策略模式的实现
更新:HHH   时间:2023-1-7


本篇文章展示了javascript策略模式的实现方法,代码简明扼要容易理解,文章内容步步紧凑,希望大家根据这篇文章可以有所收获。

策略模式(Strategy Pattern),其定义一系列算法,把他们一个个封装起来,并且是他们可以互相替换。封装的策略算法一般是独立的,策略模式根据输入来调整采用哪个算法。关键是策略的实现和使用分离。

/*场景:电商网站举办活动,打折促销商品,有的商品满100减30,有商品满200减80,
/*有商品直接8折*/
/*1.使用if判断语句*/
function priceCalc(discountType,price){
    if(discountType == 'minus100_30'){
        return price - Math.floor(price/100)*30;
    }else if(discountType == 'minus200_80'){
        return price - Math.floor(price/200)*80;
    }else if(discountType == 'percent80'){
        return price * 0.8;
    }
}

console.log(('minus100_30',270));
console.log(priceCalc('percent80',500));
/*---缺点:
1.priceCalc函数随着折扣增多,if-else也会越来越多
2.如果有新增折扣类型或者旧的折扣类型算法有修改,
  那么需要更改priceCalc函数实现,违反开放-封闭原则
3.复用性差,如果在他地方也有类似的算法,但规则不一样,上述代码不能复用*/


/*场景:电商网站举办活动,打折促销商品,有的商品满100减30,
/*有商品满200减80,有商品直接8折*/

/*2.改造折扣算法,将算法提取出来作为对象保存,折扣类型作为key,
/*这样索引的时候通过key就能找到具体算法的方法*/
const discountMap = {
    minus100_30:function(price){
        return price - Math.floor(price/100)*30;
    },
    minus200_80:function(price){
        return price - Math.floor(price/200)*80;
    },
    percent80:function(price){
        return price*0.8;
    }
}
//计算总售价
function priceCalc(discountType,price){
    return discountMap[discountType] && discountMap[discountType](price)
}

console.log(('minus100_30',270));
console.log(priceCalc('percent80',500));

//增加新的折扣算法
discountMap.minus150_40 = function(price){
    return price - Math.floor(price / 150)*40
}


/*场景:电商网站举办活动,打折促销商品,有的商品满100减30,
/*有商品满200减80,有商品直接8折*/

/*2.改造折扣算法,将算法提取出来作为对象保存,折扣类型作为key,*/
/*这样索引的时候通过key就能找到具体算法的方法 */
/*将算法隐藏起来,通过提供接口来调用算法和添加修改算法*/
const PriceCalculate = (function(){
    //算法
    const discountMap = {
        minus100_30:function(price){
            return price - Math.floor(price/100)*30;
        },
        minus200_80:function(price){
            return price - Math.floor(price/200)*80;
        },
        percent80:function(price){
            return price*0.8;
        }
    }
    //返回一个对象,包含函数属性
    return {
        priceCalc:function(discountType,price){
            return discountMap[discountType] && discountMap[discountType](price)
        },
        addpriceCalcWay:function(discountType,func){
            if(discountMap[discountType])  return
            discountMap[discountType] = func;//为算法的map对象增加属性
        }

    }
})()

console.log(PriceCalculate.priceCalc('minus100_30',100));
//增加新的折扣算法
PriceCalculate.addpriceCalcWay('minus150_40',function(price){
    return price - Math.floor(price / 150)*40;
});

console.log(PriceCalculate.priceCalc('minus150_40',150));
/*这样算法就被隐藏起来,并且预留了增加策略的入口,便于扩展。*/


策略模式的通用实现

根据上面的例子提炼一下策略模式,折扣计算方式可以被认为是策略(strategy),这些策略可以相互替代,而具体折扣的计算过程可以被认为是封装的上下文(context),封装上下文可以根据需要选择不同的策略。

1.context:封装上下文,根据需要调用需要的策略,屏蔽外界对策略的直接调用,只对外提供一个接口,根据需要调用对应的策略。

2.strategy:策略,含具体的算法,其方法外观相同,因此可以互相替代。

3.strategyMap:所有策略的合集,共封装上下文调用。

看完上述内容,你们掌握javascript策略模式的实现方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注天达云行业资讯频道,感谢各位的阅读!

返回开发技术教程...