我們先不用策略設(shè)計(jì)模式進(jìn)行實(shí)現(xiàn)計(jì)算折扣后價(jià)格，我們聲明一個方法，里面接受倆個參數(shù)，這倆個參數(shù)一個是價(jià)格一個是折扣種類，然后在方法里面使用if語句判斷折扣種類計(jì)算價(jià)格，如果沒有折扣就是原價(jià)，最后把計(jì)算過的折扣價(jià)格返回出去

//price 價(jià)格 
//type 折扣種類
 function calcPrice(price, type) {
            if (type == '100_20') {
                price -= 20
            } else if (type == '200_50') {
                price -= 50
            }
            return price;

        }
        // 使用
        const bookPrice = calcPrice(300, '100_20')

這種方式如果是折扣活動比較少的情況下還行，但是每次添加新的折扣活動都需要去往方法里面添加折扣活動的if語句判斷以及記住新折扣種類的字段以免和之前的折扣活動名字重復(fù)，對于折扣活動到期的情況還需要手動進(jìn)行刪除該if語句，長此以往代碼不僅冗余還很維護(hù)

使用策略設(shè)計(jì)模式實(shí)現(xiàn)：

我們聲明一個閉包函數(shù)，閉包函數(shù)中有一個折扣種類中心，里面有默認(rèn)的幾個折扣種類，還有一個計(jì)算折扣價(jià)格的方法，方法上我們又給他定義了倆個方法，一個是添加折扣種類方法，一個是刪除折扣種類方法，然后在把計(jì)算折扣方法暴露出去就可以了

//計(jì)算折扣價(jià)格閉包函數(shù)
        const calcPrice = (function() {
            // 折扣種類中心
            const sale = {
           //100-20折扣活動
                    '100_20': function(price) {
                        return price -= 20
                    },
                    //200-50折扣活動
                    '200_50': function(price) {
                        return price -= 50
                    },
                    //打八折折扣活動
                    '80%': function(price) {
                        return price *= 0.8
                    },
                }
     
               /** *
               * 計(jì)算折扣價(jià)格
               * price 價(jià)格 
               * type 折扣類型
               * **/
            function totalPrice(price, type) {
                // 判斷折扣種類里面是否擁有這個折扣類型，如果有就執(zhí)行，沒有就返回原價(jià)
                if (sale[type]) {
                    // 使用折扣函數(shù)
                    price = sale[type](price)
                }
                // 返回價(jià)格
                return price
            }
            /**
             * 
             *  添加折扣方法
             *  type  折扣類型
             * callback 折扣類型方法
             * **/
            totalPrice.add = function(type, callback) {
                    // 判斷折扣類型是否存在
                    if (sale[type]) return '折扣已存在'
                    //給折扣類型中心添加折扣價(jià)格方法
                    sale[type] = callback
                    return '折扣方法添加成功'
                }
                // 刪除折扣方法
                totalPrice.del(type){
                //通過delete關(guān)鍵字刪除折扣類型中心方法
                   delete   sale[type] 
                }
             // 被return出去的函數(shù)，才是計(jì)算價(jià)格的本體
            return totalPrice
        })();
        //使用計(jì)算價(jià)格
        const bookPrice = calcPrice(240, '200_50');
       //添加打七折折扣類型方法
       calcPrice.add('70%',function(price) {return price *= 0.7 })
       //刪除打八折折扣類型方法
        calcPrice.add('80%')

策略設(shè)計(jì)模式擁有易于維護(hù)，易于理解，易于擴(kuò)展的特點(diǎn)

到此這篇關(guān)于JavaScript設(shè)計(jì)模式策略模式案例分享的文章就介紹到這了,更多相關(guān)JavaScript 策略模式內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: