巧妙的用switch代替多个if-else

最新推荐文章于 2025-11-02 14:51:49 发布

原创最新推荐文章于 2025-11-02 14:51:49 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js #switch #前端

本文通过对比一连串if-else语句的弊端，深入探讨了switch-case语句在JavaScript中的灵活运用。文章详细解释了如何利用break和return语句控制代码流程，实现更简洁高效的业务逻辑处理。

今天看到某人写的代码一个校验写了一连串if-else

if(){
    
}else if(){

}else if (){

} else {

}

实在是看不下去了

来了解一下switch case的使用

当a+b=3时会执行提示‘3’，打印c

当a+b=4时会执行提示‘4’，不打印c

当a+b=5时代码停止不往下走

当a+b=6时会执行提示'6',打印c,

否则执行提示‘7’，打印c,

巧妙的使用break和return来实现业务需求

        let a = 5,b=2,c=0
        switch (true) {
            case a+b===3: message.success('3'); break;
            case a+b===4: return message.success('4');
            case a+b===5: return; message.success('5'); break;
            case a+b===6: message.success('6'); 
            default:message.success('7');break;
        }
        console.log(c)