深入理解JS中邏輯或（||）和邏輯與（&&）

sanyang 發(fā)布于2019-08-23 14:24 / 2689人閱讀

摘要：如果第一項的值為時，則執(zhí)行后面一項的運(yùn)算，返回的是第二項執(zhí)行運(yùn)算后的值再來看多一個例子，自己多動手嘗試看看就明白了。

先來看一個關(guān)于邏輯或的例子：

var b = 0
var a = b++ || b++
console.log(b)      // 2
var c = ++b || ++b
console.log(a)      // 1
console.log(c)      // 3
console.log(b)      // 3

關(guān)于 ++b和b++的區(qū)別，后++的運(yùn)算等級沒有賦值運(yùn)算符（=）高，?這里不再作過多的解釋，

首先從全局來看，關(guān)于的b的運(yùn)算總共執(zhí)行了4次，每次都自身+1，那么按道理來說，如果這些運(yùn)算都執(zhí)行了，b的最后的值正常來說應(yīng)該是4，那為什么最后的結(jié)果是3呢？

關(guān)于邏輯或(||) 我自己總結(jié)如下：

①、首先如果第一項的值不是Boolean值的話，會轉(zhuǎn)為Boolean類型的，在數(shù)值上，0和-0在轉(zhuǎn)為Boolean時為false，其余為true，在其他值上諸如null，undefined，NaN，空string類型等會轉(zhuǎn)為false，可以自己嘗試一下

console.log(Boolean(NaN))? ? ? ? ? ? ? ?  // false
console.log(Boolean(null))? ? ? ? ? ? ? ? // false
console.log(Boolean(undefined))? ? ?      // false
console.log(Boolean(""))? ? ? ? ? ? ? ? ? // false
console.log(Boolean(" 0"))? ? ? ? ? ? ? ? // true

②、如果第一項的值為true時，則后面一項則不執(zhí)行，返回的是第一項執(zhí)行運(yùn)算后的值
網(wǎng)上看到的是說如果第一項為true，返回的也是true，這是不對的說法。

③、如果第一項的值為false時，則執(zhí)行后面一項的運(yùn)算，返回的是第二項執(zhí)行運(yùn)算后的值 
再來看多一個例子，自己多動手嘗試看看就明白了。

var b = 0
var a = (typeof b++) || b++
console.log(b)               //1        
var c = ++b || ++b
console.log(a)               // number   
console.log(c)               // 2        
console.log(b)               // 2

-------------------------- ? ? 來個分割線? ? ? ----------------------------------
看一個關(guān)于邏輯與的例子

var b = 0
var a = (typeof b++) && b++ 
console.log(b)                // 2
var c = ++b && ++b
console.log(a)                // 1
console.log(c)                // 4
console.log(b)                // 4

關(guān)于邏輯與(&&) 我自己總結(jié)如下：

①、邏輯與和邏輯或一樣，都需要把前后兩項進(jìn)行Boolean轉(zhuǎn)換再比較
②、如果第一項的值為true時，則執(zhí)行后面一項的運(yùn)算，返回的是第二項執(zhí)行運(yùn)算后的值
③、如果第一項的值為false時，則后面一項則不執(zhí)行，返回的是第一項執(zhí)行運(yùn)算后的值