Js-策略模式

策略模式(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：全部策略的合集，共封裝上下文調用。