JS 使用短路原理简化条件语句代码

最新推荐文章于 2023-01-04 19:58:35 发布

转载最新推荐文章于 2023-01-04 19:58:35 发布 · 362 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000009556611

本文介绍了使用短路原理来简化条件语句的方法，并通过一个经典的编程问题——输出1到100之间的数字，逢3输出Fizz，逢5输出Buzz，逢15输出FizzBuzz的例子进行说明。

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

首先得介绍下短路原理，一共就以下四点（非常关键）：

1、只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。
2、只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值;
3、只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。
4、只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值;

出题了！！！
输出数字 1-100，逢 3 的整倍数输出 Fizz，逢 5 的整倍数输出 Buzz，又是 3 又是 5 的整倍数输出 FizzBuzz。那么稍有常识的人都知道，无论你学习什么语言，学的水平有多糟糕，这道题都很容易实现。
正常JS 思路也是最简单的思路就是条件语句，如下：

var a = 0
setInterval(function(){
    a++;
    if( a <= 50 ) {
        if( a % 15 == 0 ){
            console.log('FizzBuzz');
        } else if( a % 5 == 0 ) {
            console.log('Buzz');
        } else if(a % 3 == 0) {
            console.log('Fizz');
        } else {
            console.log(a);
        }
    } else {
        console.log('结束');
    }
},200);

但是代码看起来非常的多，虽然方便阅读，但是不方便装逼啊！！！
使用短路原理大大精简条件语句代码，如下：

setInterval(function(){
    a++;
    (a >= 100 && window.clearInterval(t)) || console.log((((a % 15 == 0) && 'FizzBuzz') || ((a % 3 == 0) && 'Fizz') || ((a % 5 == 0) && 'Buzz') )|| a);
},200);

怎么样，就一行把~