初识设计模式之策略模式（javascript描述）

最新推荐文章于 2023-09-18 10:15:00 发布

原创最新推荐文章于 2023-09-18 10:15:00 发布 · 473 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #设计模式 #算法

设计模式专栏收录该内容

1 篇文章

订阅专栏

本文通过一个游戏VIP等级经验加成的例子，介绍了如何使用设计模式中的策略模式来解决函数中条件分支过多和硬编码的问题。最初的方法随着VIP等级增加，导致代码庞大且不易维护。通过改造，将计算规则分离并使用策略模式，实现了计算规则对象化，降低了耦合度，提高了代码的可扩展性和可维护性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先从一个应用场景说起，有一款游戏，我们会根据玩家的VIP等级提供不同经验加成，开始实现。

    function calculateByRank( experience,vipRank ){
        if(vipRank==='0'){
            return experience;
        }else if(vipRank==='1'){
            return experience*1.5;
        }else if(vipRank==='2'){
            return experience*2;
        }else if(vipRank==='3'){
            return experience*2.5;
        }else if(vipRank==='4'){
            return experience*3;
        }
    }

var playerExp = calculateByRank( 100,'2' );  //调用

最初的思路是这样的，我们通过一个函数来实现对于vip不同等级的经验值计算，这样一个方法能够暂时满足功能，但缺存在一些问题。
1每次添加vip等级后我们都需要添加一个条件分支，如果vip等级有几十个，那将过于庞大。
2如果需要修改某一vip等的经验计算规则，我们需要在该函数中修改，存在硬编码，不利于扩展与维护。

于是开始改造该方法。

function calculateByRank( experience,vipRank ){
    if(vipRank==='0'){
        return vipRank0 (experience);
    }else if(vipRank==='1'){
        return vipRank1 (experience);
    }else if(vipRank==='2'){
        return vipRank2 (experience);
    }else if(vipRank==='3'){
        return vipRank3 (experience);
    }else if(vipRank==='4'){
        return vipRank4 (experience);
    }
}

function vipRank0 (experience){
    return experience;
}
function vipRank1 (experience){
    return experience*1.5;
}
function vipRank2 (experience){
    return experience*2;
}
function vipRank3 (experience){
    return experience*2.5;
}
function vipRank4 (experience){
    return experience*3;
}

    var playerExp = calculateByRank( 100,'2' );  //调用

通过改造将计算规则从函数中分离出来，显然相比重构前的代码得到了一定的改善，但是第一个问题好像还没有解决。

下面使用策略模式再次改造代码，进一步解除耦合将计算规则封装到对象中，重构中转方法负责调取计算规则。

function calculateByRank( experience,vipRank ){
    return calculateByRank[vipRank](experience);
}

var calculateObject = {
    "vipRank0":function ( experience ){
                return experience;
        },
    "vipRank1":function ( experience ){
                    return experience*1.5;
        },
    "vipRank2":function ( experience ){
                    return experience*2;
                },
    "vipRank3":function ( experience ){
                    return experience*2.5;
                },      
    "vipRank4":function ( experience ){
                    return experience*3;
                }           
}

var playerExp = calculateByRank( 100,'vipRank2' );  //调用