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

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

/*场景:电商网站举办活动,打折促销商品,有的商品满100减30,有商品满200减80，/*有商品直接8折*//*1.使用if判断语句*/functionpriceCalc(discountType,price){if(discountType=='minus100_30'){returnprice-Math.floor(price/100)*30;}elseif(discountType=='minus200_80'){returnprice-Math.floor(price/200)*80;}elseif(discountType=='percent80'){returnprice*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就能找到具体算法的方法*/constdiscountMap={minus100_30:function(price){returnprice-Math.floor(price/100)*30;},minus200_80:function(price){returnprice-Math.floor(price/200)*80;},percent80:function(price){returnprice*0.8;}}//计算总售价functionpriceCalc(discountType,price){returndiscountMap[discountType]&&discountMap[discountType](price)}console.log(('minus100_30',270));console.log(priceCalc('percent80',500));//增加新的折扣算法discountMap.minus150_40=function(price){returnprice-Math.floor(price/150)*40}


/*场景:电商网站举办活动,打折促销商品,有的商品满100减30,/*有商品满200减80，有商品直接8折*//*2.改造折扣算法，将算法提取出来作为对象保存，折扣类型作为key，*//*这样索引的时候通过key就能找到具体算法的方法*//*将算法隐藏起来，通过提供接口来调用算法和添加修改算法*/constPriceCalculate=(function(){//算法constdiscountMap={minus100_30:function(price){returnprice-Math.floor(price/100)*30;},minus200_80:function(price){returnprice-Math.floor(price/200)*80;},percent80:function(price){returnprice*0.8;}}//返回一个对象，包含函数属性return{priceCalc:function(discountType,price){returndiscountMap[discountType]&&discountMap[discountType](price)},addpriceCalcWay:function(discountType,func){if(discountMap[discountType])returndiscountMap[discountType]=func;//为算法的map对象增加属性}}})()console.log(PriceCalculate.priceCalc('minus100_30',100));//增加新的折扣算法PriceCalculate.addpriceCalcWay('minus150_40',function(price){returnprice-Math.floor(price/150)*40;});console.log(PriceCalculate.priceCalc('minus150_40',150));/*这样算法就被隐藏起来，并且预留了增加策略的入口，便于扩展。*/


策略模式的通用实现

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

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

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

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

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