js中逻辑或(||)和逻辑与(&&)解析

先来看一个关于逻辑或的例子:

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

关于 ++b和b++的区别,后++的运算等级没有赋值运算符(=)高, 这里不再作过多的解释,

首先从全局来看,关于的b的运算总共执行了4次,每次都自身+1,那么按道理来说,如果这些运算都执行了,b的最后的值正常来说应该是4,那为什么最后的结果是3呢?

关于逻辑或我自己总结如下:

①、首先如果第一项的值不是Boolean值的话,会转为Boolean类型的,在数值上,0和-0在转为Boolean时为false,其余为true,在其他值上诸如null,undefined,NaN,空string类型等会转为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时,则后面一项则不执行,返回的是第一项执行运算后的值

网上看到的是说如贵第一项为true,返回的也是true,这是不对的说法。

③、如果第一项的值为false时,则执行后面一项的运算,返回的是第二项执行运算后的值

再来看多一个例子,自己多动手尝试看看就明白了。

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        

--------------------------------------------------------------------------      来个分割线      ---------------------------------------------------------------

看一个关于逻辑与的例子

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

关于逻辑与我自己总结如下:

①、逻辑与和逻辑或一样,都需要把前后两项进行Boolean转换再比较

②、如果第一项的值为true时,则执行后面一项的运算,返回的是第二项执行运算后的值

③、如果第一项的值为false时,则后面一项则不执行,返回的是第一项执行运算后的值

猜你喜欢

转载自blog.csdn.net/magic_xiang/article/details/82854207