js逻辑运算符&&、||、!执行顺序

逻辑运算符执行顺序

  • &&  逻辑与远算(都真才真/有假就假)
  • ||  逻辑或运算 (有真就真/都假才假)
  • ! 逻辑非运算 (隐性转换成布尔值,并有取反功能)
  • && (逻辑与) 优先级高于||(逻辑或)

&&  逻辑与远算(都真才真/有假就假)

1. 当&&判断条件时,如果发现有一个false时,后面条件不会被执行,这种现象为:短路操作

比如:

var box = document.getElementById("box3") && document.getElementById("box2 ");  
box.style.background = "#eaadea";
//box3不存在,boxb存在
//执行到box3,为false,所以不往下执行

效果如下:

&&  逻辑与远算

2. 如果两个条件都为true,以最后一个true为判断。

比如:

var box = document.getElementById("box1") && document.getElementById("box2");  
box.style.background = "#eaadea";
//box1存在,box2也存在
//结果box2变色

效果如下:

逻辑与远算

|| 逻辑或运算(有真就真/都假才假)

1. 如果发现有一个true时,后面条件不会被执行,这种现象为:短路操作。

比如:

var box = document.getElementById("box1") || document.getElementById("box2");  
box.style.background = "#eaadea";
//box1存在,box2也存在
//执行到第一个条件为true,所以不往下执行,所以结果为第一个变色

效果如下:

|| 逻辑或运算

2. 如果有一个条件为false,第二个为true ,以最后一个true为判断。

var box = document.getElementById("box3") || document.getElementById("box2");  
box.style.background = "#eaadea";
//box3不存在,box2存在
//执行到第一个条件为false,所以往下执行,第二个为true ,所以结果为第2个变色

效果如下:

逻辑与远算

!  逻辑非运算

比如:

var box = 8 > 3;
console.log(!box)//false
console.log(! "") //true

! 可以隐性转换成布尔值,并有取反功能。

「点点赞赏,手留余香」

2

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:
1. 本站所有文章教程及资源素材均来源于网络与用户分享或为本站原创,仅限用于学习和研究。
2. 如果内容损害你的权益请联系客服QQ:1642748312给予处理。
码云笔记 » js逻辑运算符&&、||、!执行顺序

发表回复

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们