JS 使用短路原理簡化條件語句代碼

yuxue 發(fā)布于2019-08-20 16:49 / 448人閱讀

摘要：首先得介紹下短路原理，一共就以下四點(diǎn)非常關(guān)鍵只要前面為不管后面是還是，都返回后面的值。正常思路也是最簡單的思路就是條件語句，如下結(jié)束但是代碼看起來非常的多，雖然方便閱讀，但是不方便裝逼啊使用短路原理大大精簡條件語句代碼，如下怎么樣，就一行把

首先得介紹下短路原理，一共就以下四點(diǎn)（非常關(guān)鍵）：

1、只要“||”前面為false,不管“||”后面是true還是false，都返回“||”后面的值。
2、只要“&&”前面是false，無論“&&”后面是true還是false，結(jié)果都將返“&&”前面的值;
3、只要“||”前面為true,不管“||”后面是true還是false，都返回“||”前面的值。
4、只要“&&”前面是true，無論“&&”后面是true還是false，結(jié)果都將返“&&”后面的值;

出題了?。。?br>輸出數(shù)字 1-100，逢 3 的整倍數(shù)輸出 Fizz，逢 5 的整倍數(shù)輸出 Buzz，又是 3 又是 5 的整倍數(shù)輸出 FizzBuzz。那么稍有常識的人都知道，無論你學(xué)習(xí)什么語言，學(xué)的水平有多糟糕，這道題都很容易實(shí)現(xiàn)。
正常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("結(jié)束");
    }
},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);

怎么樣，就一行把~