快捷導(dǎo)航

JavaScript設(shè)計(jì)模式策略模式案例分享

更新時(shí)間：2022年06月23日 14:29:52 作者：??前端若水????

這篇文章主要介紹了JavaScript設(shè)計(jì)模式策略模式案例分享，策略設(shè)計(jì)模式就是指一個(gè)問題匹配多個(gè)解決方法，不一定要用到哪一個(gè)，而且有可能隨時(shí)增加多個(gè)方案

前言

策略設(shè)計(jì)模式就是指一個(gè)問題匹配多個(gè)解決方法，不一定要用到哪一個(gè)，而且有可能隨時(shí)增加多個(gè)方案

比如我們?nèi)ベI書，書店都會搞一些優(yōu)惠活動，滿100減20，滿200減50，八折優(yōu)惠這些，但是優(yōu)惠活動源源不止這些，后期會陸續(xù)添加優(yōu)惠活動，比如雙11活動打七折，等到雙11活動過去之后打七折活動還需要取消

我們先不用策略設(shè)計(jì)模式進(jìn)行實(shí)現(xiàn)計(jì)算折扣后價(jià)格，我們聲明一個(gè)方法，里面接受倆個(gè)參數(shù)，這倆個(gè)參數(shù)一個(gè)是價(jià)格一個(gè)是折扣種類，然后在方法里面使用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)：

我們聲明一個(gè)閉包函數(shù)，閉包函數(shù)中有一個(gè)折扣種類中心，里面有默認(rèn)的幾個(gè)折扣種類，還有一個(gè)計(jì)算折扣價(jià)格的方法，方法上我們又給他定義了倆個(gè)方法，一個(gè)是添加折扣種類方法，一個(gè)是刪除折扣種類方法，然后在把計(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) {
                // 判斷折扣種類里面是否擁有這個(gè)折扣類型，如果有就執(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)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: