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

作者： 文章来源：

本文原地址：https://www.mimiwuqi.com/webqianduan/195955.html

1. 逻辑运算符执行顺序
• &&  逻辑与远算（都真才真/有假就假）
• || 逻辑或运算（有真就真/都假才假）
• !  逻辑非运算

逻辑运算符执行顺序

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

&&  逻辑与远算（都真才真/有假就假）

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

比如：

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

效果如下：

!  逻辑非运算

比如：

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

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

更多 建站教程 请访问 https://www.mimiwuqi.com/webqianduan/