JavaScript 布尔操作符解析 && || !_javascript技巧
程序员文章站
2022-05-03 16:01:34
...
1、逻辑非
逻辑非用!表示,可以应用与ECMAScript的任何类型的值,逻辑非操作返回的是一个布尔值(true/false)。该操作符首先会将它的操作数转换为一个布尔值,然后再对其求反。
下面说明下Boolean()转型函数的一组规则。
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;
逻辑非用!表示,可以应用与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;
上一篇: Vue.js计算属性computed
下一篇: Zepto