javascript多个判断条件的改写

最新推荐文章于 2024-03-27 08:48:11 发布

christeer

最新推荐文章于 2024-03-27 08:48:11 发布

阅读量7.3k

点赞数 2

分类专栏： javascript 文章标签： javascript if-else

本文链接：https://blog.csdn.net/christeer/article/details/50756803

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

起因

最近在看项目代码的时候发现了很多的if-else判断，一层套了一层，很不清晰，于是上网找了一下解决方案。

可能的解决方案有

有些没有else的条件判断可以提出来。

if(condition1){
    if(condition2){
        if(condition3){
            //do sth.
        }
    }
}
//改写成
if(!condition1){
    return;
}
if(!condition2){
    return;
}
if(!condition3){
    return;
}
// do sth.

嵌套的if-else较多的时候使用switch

switch(condition){
    case 'A':
        functionA();
        break;
    case 'B':
        functionB();
        break;
    case 'C':
        functionC();
        break;
    case 'D':
        functionD();
        break;
    case 'E':
        functionE();
        break;
    case 'F':
        functionF();
        break;
}

嵌套的if-else较多,判断的条件很复杂的时候，还可以用object

var a = true
var b = true
var c = false
var obj = {
    'isAisBisC':function() {console.log('isAisBisC')},
    'isAisBnotC':function() {console.log('isAisBnotC')},
    'isAnotBisC':function() {console.log('isAnotBisC')},
    'isAnotBnotC':function() {console.log('isAnotBnotC')},
    'notAisBisC':function() {console.log('notAisBisC')},
    'notAisBnotC':function() {console.log('notAisBnotC')},
    'notAnotBisC':function() {console.log('notAnotBisC')},
    'notAnotBnotC':function() {console.log('notAnotBnotC')}
}
var opt1 = a?'isA':'notA'
var opt2 = b?'isB':'notB'
var opt3 = c?'isC':'notC'
obj[opt1+opt2+opt3]()