如何解决代码中过多的if-else判断

如何解决代码中过多的if-else判断

作为一个初级的前端开发人员，我在写代码的时候经常会用到if-else。一般只有一两个条件来进行判断就还好，多的话就会有许多问题，例如下面代码：
var calculateBouns = function(salary,level) {
if(level === ‘A’) {
return salary * 4;
}else if(level === ‘B’) {
return salary * 3;
｝else if(level === ‘C’) {
return salary * 2;
}else (level === ‘D’) {
return salary * 1
};
当过多的判断条件会造成代码阅读性变差，且会加大后期的维护难度，后期加需求的时候再看代码会很乱。
而我认为解决这个问题的办法可以用：策略模式来解决：
var obj={
‘A’:function(salary){
return salary4
},
‘B’:function(salary){
return salary3
},
‘C’:function(salary){
return salary*2
}
}
obj.D=function(){
return ‘无该等级’
}

var caculateBouns=function(salary,level){
    return obj[level](salary)
}

console.log(caculateBouns('400','D'));
console.log(caculateBouns('400','A'));

策略模式的优点：

策略模式利用组合，委托等技术和思想，有效的避免很多if条件语句。
策略模式提供了开放-封闭原则，使代码更容易理解和扩展。
策略模式中的代码可以复用。