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

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

    let 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;
        }
    }

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

最初的思路是这样的，我们通过一个函数来实现对于vip不同等级的经验值计算，这样一个方法能够暂时满足功能，但缺存在一些问题。
1每次添加vip等级后我们都需要添加一个条件分支，如果vip等级有几十个，那将过于庞大。（每一次执行calculateByRank 时候都会做n(vip等级个数)个判断，如果有40个甚至更多的等级，这样的逻辑判断会导致代码性能很糟糕）
2如果需要修改某一vip等的经验计算规则，我们需要在该函数中修改，存在硬编码，不利于扩展与维护。

于是开始改造该方法。

let 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);
    }
}

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

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

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

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

let calculateByRank = ( experience,vipRank ) => {
    return calculateByRank[vipRank](experience);
}

let 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;
     }           
}

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

最终代码调整如下，策略模式将结构逻辑划分为两部分，分发与算法实现，策略模式的思路在很多时候场景中都能够找到影子，灵活的应用可以更好解决很多实际问题。

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

猜你喜欢