js的&&与||的那些事

首先&&与||是与true与false有关的，我们要明确js中有哪些值为false

<script type="text/javascript">
    function isTrue(e){
        console.log(e);
        if(e){
            console.log("true");
        }else{
            console.log("false");
        }
    }
    isTrue("");//false
    isTrue('');//false
    isTrue(0);//false
    isTrue(false);//false
    isTrue(null);//false
    isTrue(undefined);//false
    isTrue(NaN);//false
    
	isTrue("0");//true
    isTrue("false");//true
    isTrue({});//true
    isTrue([]);//true
</script>

明白了这个，然后我们就来看&&与||的判断逻辑。
a&&b：如果a为false，那么不判断b直接返回a，反之判断b，返回b
a||b：如果a为true，那么不判断b直接，返回a，反之判断b，返回b
这里要注意的是，返回的是a与b二者之一，并不会返回true或false
如下：

<script type="text/javascript">
    console.log(0||1);//1
    console.log(1||0);//1
    console.log(1||2);//1
    console.log(null||1);//1
    console.log(1||null);//1
    console.log(0||null);//null

    console.log(0&&1);//0
    console.log(1&&0);//0
    console.log(1&&2);//2
    console.log(null&&1);//null
    console.log(1&&null);//null
    console.log(0&&null)//0
</script>

可以利用这个特性来根据服务器传来的值是否为空来赋值
xxx=value||default

还应注意的是，&&的运算优先级高于||