JavaScript 布尔操作符解析 && || ！

163 阅读 0 评论 108 点赞

我是靠谱客的博主文艺小甜瓜，最近开发中收集的这篇文章主要介绍JavaScript 布尔操作符解析 && || ！，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1、逻辑非

逻辑非用！表示，可以应用与ECMAScript的任何类型的值，逻辑非操作返回的是一个布尔值（true/false）。该操作符首先会将它的操作数转换为一个布尔值，然后再对其求反。

下面说明下Boolean()转型函数的一组规则。

数据类型	转换为true的值	转换为false的值
Boolean	true	false
String	任何非空字符串	""(空字符串)
Number	任何非零数字值（包括无穷大）	0和NaN
Object	任何对象	null
Undefined	无	undefined

Boolean()转型函数的简便表示方法。-----------！！

2、逻辑与

逻辑与操作符由两个和号（&&）表示，有两个操作数。

逻辑与操作可以应用于任何类型的操作数，而不仅仅是布尔值。在有一个操作数不是布尔值的情况下，逻辑与操作就不一定返回布尔值；此时，它遵循一下规则：

1. 如果第一个操作数是对象，则返回第二个操作数；
2. 如果第二个操作数是对象，则只有在第一个操作数的求值结果为true的情况下才会返回该对象；
3. 如果两个操作符都是对象，则返回第二个操作数；遵循第一规则。
4. 如果有一个操作是null，则返回null；
5. 如果有一个操作符是NaN，则返回NaN；
6. 如果有一个操作符是undefined，则返回undefined。

逻辑与操作属于短路操作，即如果第一操作数能够决定结果，那么就不会再对第二个操作数求值。（可以理解为内部的两个return操作）。因此当4、5、6规则冲突时，遵循短路操作原则。

复制代码代码如下:

 
var nul = null; 
var na = NaN; 
var test; 
test = na&&nul; 
document.write(test); //NaN 

复制代码代码如下:

 
var nul = null; 
var na = NaN; 
var test; 
test = nul&&na; 
document.write(test); //null 

因此，我们来总结一下。&&操作主要遵循几大原则：

1.短路操作原则；
2.求值过程中会被转型生成副本，但是返回值是原来值；

复制代码代码如下:

 
// 伪代码 
function &&(param1,param2){ 
bparam1 = Boolean(param1); 
if (!bparam1) return param1; 
bparam2 = Boolean(param2); 
return param2; 
} 
// 参数是一个对象时返回引用的指针值，函数同 

3、逻辑或

逻辑或符号由两个竖线符号（||）表示。
逻辑或符号同样是短路操作符。其实现过程可以参照逻辑与的伪代码。这里就不再列出一些规则了。
逻辑或常常用来做参数的缺省处理，比如 evt = evt || window.event;